如何從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初學者手冊


更多瀏覽器教程: