DOM清空元素內容的方法

function clear(elem) {
  while (elem.firstChild) {
    elem.firstChild.remove();
  }
}

function clear(elem) {
  elem.innerHTML = '';
}

 

注意錯誤做法：

function clear(elem) {
  for (let i=0; i < elem.childNodes.length; i++) {
      elem.childNodes[i].remove();
  }
}

 

這是行不通的，因為調用 remove() 會從首端開始移除 elem.childNodes 集合中的元素，因此，元素每次都從索引 0 開始。但是 i 在增加，所以元素就被跳過了。

用 for..of 循環的結果也跟上面一樣。