javascript removeChild 使用注意事项

171 阅读 0 评论 113 点赞

我是靠谱客的博主谦让香菇，最近开发中收集的这篇文章主要介绍javascript 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]); 
}