/

如何從 DOM 元素中移除所有子元素

如何從 DOM 元素中移除所有子元素

給定一個 DOM 元素，如何移除它的所有子元素呢？

給定一個 DOM 中的項目，使用 querySelector() 來識別它，像這樣：

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

然後，要移除它的所有子元素，有幾種不同的解決方案。

最快的方法看起來是這樣的：

1
item.innerHTML = ''

另一個建議的解法是創建一個循環，檢查是否定義了 firstChild 屬性（元素至少具有一個子元素），然後將其刪除：

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

當所有子元素都被移除時，循環結束。

根據我查看的大多數性能測試結果，第一種解法看起來是最快的解決方案。

tags: [“JavaScript”, “DOM”, “子元素”, “刪除”]