当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript removeChild 使用注意事项

Javascript
js select 标签选定项的值获取代码
js GridView 实现自动计算操作代码
Discuz 公告效果（自动换行，无间隙滚动）
js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
JS 常用校验函数
HTML代码中标签的全部属性 中文注释说明
input 高级限制级用法
js onpropertychange输入框 事件获取属性
Javascript 生成无限下拉列表实现代码
javascript 极速 隐藏/显示万行表格列只需 60毫秒
用JavaScript实现单继承和多继承的简单方法
javascript 闭包函数做显隐内容
js 页面模块自由拖动实例
js Flash插入函数免激活代码
setTimeout 不断吐食CPU的问题分析
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
js 浏览器版本及版本号判断函数2009年
Javascript 原型和继承(Prototypes and Inheritance)
HTML 自动伸缩的表格Table js实现
两个INPUT同步输入的方法小结 兼容IE和firefox

No. « 130 131 132 133 »

技术文章搜索

关键字

Javascript 中的 javascript removeChild 使用注意事项

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 277 ::
收藏到网摘: n/a

removeChild的注意事项。大家可以参考下。 假如：一段普通的代码：
其中gift_list为一个table的id
复制代码 代码如下:

var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0];
var giftTrs = giftBody.getElementsByTagName("tr");
for (var i=0;i<giftTrs.length;i++)
{
giftTrs[i].removeChild(giftTrs[i]);
}

那么这时候只会删除第一行，因为当删除了一个之后，行的位置会向前移动一位。
giftTrs.length也会相应减一。
因此正确的操作方法是：
复制代码 代码如下:

var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0];
var giftTrs = giftBody.getElementsByTagName("tr");
var len = giftTrs.length; //需要将giftTrs.length的length属性存储起来
for (var i=0;i<len;i++)
{
giftBody.removeChild(giftTrs[0]);
}