removeChild的障眼法
来源：cssrain 发布时间：2009-12-04 12:49:00
今天在 经纬 同学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
投稿猜你喜欢
- <％ Function cutbadchar(str) badstr="不|文|明
译注：前两天看到一篇不错的英文文章，叫做 How browsers work，该文概要的介绍了浏览器从头到尾的工作机制，包括HTML等的解析- 1) 用正式表达式 regexp "[u0391-uFFE5]"2) 用length和char_lengthdrop t
- 前两天，编辑建议我去当当和卓越申请个用户，在网站上放上我的书的链接，这样还可以拿到一些反点儿，于是我兴冲冲地跑到几个网站上去看，却只在卓越（
- MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQLAB公司，在2008年1月16号被Sun公司收购。MySQL被广泛地应用在I
- 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码；服务器Response被XMLHTTP不正确编
- 一图胜“十”言：SQL Server 数据库总结 一个大概的总结 经过一段时间的学习，也对数据库有了一些认识。 数据库基本是由表，关系，操作
- 在做项目时发现,很多场合都可能用到Input但又想让它具有select的特性,研究了一下,似乎可以实现,下面的代码可以大概说明我的意图,但实
- 一、问题引发思考前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理
- 由于代码比较短，这里就不进行注释了代码如下:<％ '当目标页面的包含文件即#include的页面里边存在respon
- 1. 你必须有自己的服务器，可以在服务器上建立站点。2. 域名管理里 你的域名必须支持泛解析。（现在好像除了 双线双I
- 上节我们介绍了表连接，更确切的说是inner joins內连接． 內连接仅选出两张表中互相匹配的记录．因此，这会导致有时我们需要的记录没有包
- 在学习与运用ASP中，response对象涉及到的方面也比较多，想全部都掌握也并非一两天的事，我也是最近才发现response对象中居然有这
- 运行下面的代码你就可以清楚的认识到这两个参数的用法,innerText只能动态的改变指定元素内的文本内容，而innerHTML则不仅仅可以改
- HTML 5基本思维概念形成于2003年，之后W3C对页面超文本应用技术工作小组（WHATWG）开发的HTML草图颇感兴趣，这个小组的开发人
- 开发web应用程序是一件非常辛苦的事情，你需要花大把大把的时间来做无数的事情。假如你不运用有条理的方法，尤其是在复杂的项目中，你会承受忽视项
- 一个ASPJPEG组件综合操作的asp类CLASS相关文章：ASP怎么谈到应用到类的？ASP中类的详细介绍（class Property G
- 我不知道有多少人在使用浏览器的书签，这东东有时候实在是很有用的，比如现在说到的jQuerify书签。jQuerify书签的功能很简单，那就是
- 身为一名小小的程序猿，在日常开发中不可以避免的要和where in和like打交道，在大多数情况下我们传的参数不多简单做下单引号、敏感字符转
- 第一节：WAP的潜能 这些日子，我们常听到WAP技术，一种手机上网的技术。从技术上讲，移动电话不可能和PC来竞争，移动电话的屏幕只能容下很少
