DHTML: Range.createContextualFragment メソッド  編集:2021.12.12 by T.A.

範囲の開始(選択されたノードの親)をコンテキスト・ノードとして HTML フラグメント解析アルゴリズムまたは XML フラグメント解析アルゴリズムを呼び出すことにより、DocumentFragment を返します。→MS(en)

範囲が HTMLness ビットが設定されているドキュメントに属している場合は、HTML フラグメント解析アルゴリズムが使用されます。HTML の場合、コンテキスト・ノードが html の場合、歴史的な理由から、フラグメント解析アルゴリズムは、代わりに本文をコンテキストとして使用して呼び出されます。

documentFragment = range.createContextualFragment(tagString)
range
Range
tagString
ドキュメント・フラグメントに変換されるテキストとタグを含むテキスト。
documentFragment
戻り値DocumentFragment
var tagString = "<div>I am a div node</div>";
var range = document.createRange();

// Make the parent of the first div in the document become the context node
range.selectNode(document.getElementsByTagName("div").item(0));
var documentFragment = range.createContextualFragment(tagString);
document.body.appendChild(documentFragment);

テスト
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: