removeChild的障眼法.

　　
　　

今天在 经纬 同学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的即时影响。

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




作者：admin
时间：2009-09-28
标签：removeChild
评论：4
查看：1595

如果你有什么好文章，请与我们分享。cssrain[at]gmail.com    我要投稿

为了使你得到本站最新信息，建议你订阅本站。点击此处订阅

广告也精彩：

  • 1
rong179 [2009-10-24 02:38 AM]
var ul = document.getElementById('demo');
while (ul.lastChild)ul.removeChild(ul.lastChild);
greatghoul [2009-10-23 00:41 AM]
这么说来，每次循环都重新计算length.
忧郁的大米 [2009-10-19 09:35 AM]
与数组有关的删除操作

从list.length-1到0，更不容易出现问题。
明城 [2009-10-09 05:07 PM]
“在 PPK 这本书中提及过，getElementsByTagName（tag）返回的 HTML 数组 是会自己动态更新的，并非静态的列表。”

详细： http://www.gracecode.com/archives/2068/
  • 1

发表评论

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.

必须

游客发言不需要密码.

=0+1

注：长时间未操作页面，验证码会失效。