1

要素に追加するために使用するDOMツリーを返すオブジェクトがたくさんあります。例えば、

var elem = document.createElement('div');
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());

最終的には次のようになります。

<div>
<div id="...">...</div>
<div id="...">...</div>
<div id="...">...</div>
</div>

これらの 3 つの DIV はサード パーティのコードによって作成されたものであり、ここで DIV タグをラップしていますが、代わりにそれらを空の要素に追加したいのですが、うまくいきません。

var elem = document.createElement('');
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());

予想された結果：

<div id="...">...</div>
<div id="...">...</div>
<div id="...">...</div>

これがあなたにとって意味があるかどうかはわかりませんが、DOM を使用する必要があり、それらのコンテンツを他の要素内に配置することはできません...

4

2 に答える 2

8

それがドキュメントフラグメントの目的です。を介して新しいフラグメントを作成し、document.createDocumentFragment()それを単一の要素であるかのように使用できます。

于 2009-11-21T20:23:39.913 に答える