我有一堆对象返回一个 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,而且我不能将这些内容放在任何其他元素中......
最佳答案
这就是document fragments是给。您可以通过 document.createDocumentFragment()
创建一个新片段并将其用作单个元素。
关于javascript - 如何将 DOM 元素附加到 JavaScript 中的空元素中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1776481/