js removeChild 障眼法可能出现的错误

234 阅读 0 评论 155 点赞

我是靠谱客的博主深情电话，这篇文章主要介绍js removeChild 障眼法可能出现的错误，现在分享给大家，希望可以做个参考。

有结构：

复制代码代码如下:

 
<ul id="demo"> 
<li>a</li> 
<li>b</li> 
<li>c</li> 
</ul> 

如果运行代码1：

复制代码代码如下:

 
var ul = document.getElementById('demo'); 
var liList = ul.getElementsByTagName('li'); 
for (var i = 0; i < = liList.length; i++) { 
ul.removeChild(liList[i]); 
} 

如果和我一样被欺骗了，那么看看正确的代码就明白原因啦！

复制代码代码如下:

 
var ul = document.getElementById('demo'); 
var liList = ul.getElementsByTagName('li'); 
var lilength = liList.length; 
for (var i = 0; i < lilength; i++) { 
ul.removeChild(liList[0]); 
} 