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

Javascript
js一组验证函数
JavaScript 字符串连接性能优化
JavaScript CSS 菜单功能代码
jQuery 各种浏览器下获得日期区别
清除网页历史记录，屏蔽后退按钮!
关于IE7 IE8弹出窗口顶上
javascript StringBuilder类实现
通过event对象的fromElement属性解决热区设置主实体的一个bug
Javascript 布尔型分析
javascript 动态参数判空操作
js 解决“options为空或不是对象”
javascript 语法学习练习
javascript 硬盘序列号+其它硬件信息
window.location和document.location的区别分析
javascript XML数据显示为HTML一例
HTML与javascript常碰到的编码问题
javascript 时间对象的练习
JavaScript 事件参考手册
javascript prototype，executing，context，closure
javascript 网页跳转的方法

No. « 121 122 123 124 »

技术文章搜索

关键字

Javascript 中的 javascript removeChild 使用注意事项

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 305 ::
收藏到网摘: 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]);
}