如何从DOM元素中删除所有子级

给定DOM元素,如何删除其所有子元素?

给定DOM中的项目,请使用querySelector()识别它,像这样:

const item = document.querySelector('#itemId')

然后,要删除其所有子元素,您有几种不同的解决方案。

最快的方法如下所示:

item.innerHTML = ''

建议的另一种解决方案是:创建一个循环,检查是否存在firstChild定义属性(该元素至少有一个孩子),然后将其删除:

const item = document.querySelector('#itemId')
while (item.firstChild) {
  item.removeChild(item.firstChild)
}

删除所有子级后,循环结束。

在我检查的大多数性能基准测试中,第一个似乎是最快的解决方案。

免费下载我的JavaScript初学者手册


更多浏览器教程: