网络编程
位置:首页>> 网络编程>> JavaScript>> removeChild的障眼法

removeChild的障眼法

 来源:cssrain 发布时间:2009-12-04 12:49:00 

标签:removeChild,删除,html

今天在 经纬 同学blog看到的。

有这么一段代码:

<ul id="demo">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
 JavaScript:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}

运行代码后 ,发现只剩下 节点b  了。

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

运行上面代码后,发现只剩下 节点c 了。

最后把length 提取出来, 先定义,缓存起来。

 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]);

运行代码,才真正3个li都被删除。

通过这3个例子的对比,相信你已经发现其中的问题。

当然例子没什么实际意义,但可以看出removeChild 删除元素后,对html的即时影响。

做项目使用时,需要注意下。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com