码迷,mamicode.com
首页 > 其他好文 > 详细

DOM清空元素内容的方法

时间:2020-06-10 19:34:38      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:func   nbsp   移除   跳过   class   move   开始   错误   function   

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 循环的结果也跟上面一样。

 

DOM清空元素内容的方法

标签:func   nbsp   移除   跳过   class   move   开始   错误   function   

原文地址:https://www.cnblogs.com/LangZ-/p/13087293.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!