給定一個 DOM 元素,如何移除它的所有子元素呢?
給定一個 DOM 中的項目,使用 querySelector()
來識別它,像這樣:
const item = document.querySelector('#itemId')
然後,要移除它的所有子元素,有幾種不同的解決方案。
最快的方法看起來是這樣的:
item.innerHTML = ''
另一個建議的解法是創建一個循環,檢查是否定義了 firstChild
屬性(元素至少具有一個子元素),然後將其刪除:
const item = document.querySelector('#itemId')
while (item.firstChild) {
item.removeChild(item.firstChild)
}
當所有子元素都被移除時,循環結束。
根據我查看的大多數性能測試結果,第一種解法看起來是最快的解決方案。