javascript - 替换 HTMLElement 的所有子元素？

Question

在我的代码中，我经常需要用新的子项列表替换某个 HTML 容器的所有子项。

最快的方法是什么？我当前的方法是将所有新元素收集到 DocumentFragment 中。我发现实际替换子项的唯一方法是一一删除所有子项，然后附加片段。有没有更快的办法？

注意:该解决方案不需要跨浏览器，但最好不需要 3d 方组件，例如 jQuery。目标设备是 WebKit，CPU 速度非常慢，因此我需要完全控制任何回流。

Answer 1

如果您只是想替换所有子项，关于类型，为什么不将其内容设置为“”，然后添加代码:

container.innerHTML = '';
container.appendChild( newContainerElements );

这基本上会以最快的方式删除所有子项:)