如何将DOM元素附加到JavaScript中的空元素中？

Question

我有一堆对象返回一个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>

这三个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,我不能把这些内容放在任何其他元素中......

Answer 1

这就是文档片段的用途.您可以通过创建新片段document.createDocumentFragment()并将其用作单个元素.