在我的代码中,我经常需要用新的子项列表替换某个 HTML 容器的所有子项。
最快的方法是什么?我当前的方法是将所有新元素收集到 DocumentFragment 中。我发现实际替换子项的唯一方法是一一删除所有子项,然后附加片段。有没有更快的办法?
注意:该解决方案不需要跨浏览器,但最好不需要 3d 方组件,例如 jQuery。目标设备是 WebKit,CPU 速度非常慢,因此我需要完全控制任何回流。
最佳答案
如果您只是想替换所有子项,关于类型,为什么不将其内容设置为“”,然后添加代码:
container.innerHTML = '';
container.appendChild( newContainerElements );
这基本上会以最快的方式删除所有子项:)
关于javascript - 替换 HTMLElement 的所有子元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4991098/