例
DocumentFragmentノードを作成し、それに子を追加(a list item) 。 次に、リスト項目のノードの値を変更して、リストの最後の子としてそれを挿入します。
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);結果は次のようになります。
変更前：
- Coffee
- Tea
変更後：
- Tea
- Milk
»それを自分で試してみてください 定義と使用法
createDocumentFragment()メソッドは、Nodeオブジェクトのすべてのプロパティとメソッドと、仮想ノードオブジェクトを作成します。
createDocumentFragment()あなたは、あなたの文書、変更の一部を抽出し、追加、または、コンテンツの一部を削除し、戻ってあなたの文書にそれを挿入したいとき方法が便利です。
あなたはまた、これらの変更を実行するには、ドキュメントのDocumentオブジェクトを使用できますが、文書構造を破壊防止のために、文書の一部のみを抽出変更を行い、バック文書に一部を挿入するために、より安全なことができます。
注：ノードは、文書の断片に付加された文書から、文書から削除されます。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | はい | はい | はい | はい | はい |
構文
document. createDocumentFragment()
パラメーター
| なし |
技術的な詳細
| 戻り値： | 作成されたドキュメント・ノードを表すドキュメント・オブジェクト |
|---|---|
| DOMバージョン | コアレベル1のドキュメントオブジェクト |