JavaScript removechild use considerations _javascript Tips

If: A piece of ordinary code:
Where gift_list is the ID of a table

Copy Code code as follows:

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

Then only the first row is deleted, because when one is deleted, the position of the row moves one bit forward.
Gifttrs.length will also reduce the corresponding one.
So the right way to do this is:

Copy Code code as follows:

var giftbody = document.getElementById ("Gift_list"). getElementsByTagName ("tbody") [0];
var gifttrs = Giftbody.getelementsbytagname ("tr");
var len = gifttrs.length; You need to store the length property of the Gifttrs.length
for (Var i=0;i<len;i++)
{
Giftbody.removechild (Gifttrs[0]);
}