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