当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js removeChild 障眼法 可能出现的错误

Javascript
Javascript解决常见浏览器兼容问题的12种方法
用AJAX返回HTML片段中的JavaScript脚本
javascript splice数组简单操作
jQuery 数据缓存data(name, value)详解及实现
javascript下动态this与动态绑定实例代码
javascript forEach函数实现代码
javascript bind绑定函数代码
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
jQuery DOM操作小结与实例
Extjs学习笔记之一 初识Extjs之MessageBox
Extjs学习笔记之二 初识Extjs之Form
Extjs学习笔记之三 extjs form更多的表单项
Extjs学习笔记之四 工具栏和菜单
EXT中xtype的含义分析
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
jQuery DOM操作 基于命令改变页面
让多个输入框中的内容同时变化的js代码
判断iframe是否加载完成的完美方法
IE iframe的onload方法分析小结
javascript new一个对象的实质

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 242 ::
收藏到网摘: n/a

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