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

标签 javascript dhtml

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

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

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

最佳答案

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

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

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

关于javascript - 替换 HTMLElement 的所有子元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4991098/

相关文章:

javascript - 删除 Angular 2 + 中所有出现的类

javascript - Jquery Datatable 将一个表中的一行添加到另一个表中

javascript - 如何将用户的选择设置到我的数组中并随机选择元素

ruby-on-rails - 作为初学者,我应该学习 Rails、Joomla 还是 DHTML?

javascript - dhtmlxGantt - 移动任务时滚动不起作用

javascript - 通过appendChild()可以添加哪些JS对象?

javascript - setInterval 0 在 IE8 中不起作用

javascript - 使用nodejs tcp服务器接收客户端数据

javascript - 动态选择框和动态 DIV,设置元素而不是删除/附加

JavaScript 调整以更改文本的阴影