js动态删除表格行

Js代码

var?table = document.getElementById("table");??

var table = document.getElementById("table");

然后遍历表格的行数进行删除：

Js代码

for(var?i=0; i<table.rows.length; i++){ ??

?? table.deleteRow(i); ??

}??

for(var i=0; i<table.rows.length; i++){

??table.deleteRow(i);

}

这时会发现结果并不像预期那样，是因为删除一行后，table.rows.length会变小，所以先将table.rows.length 赋值给变量len，这时JS会报错，是因为每删一行后，len的值没变，而实际的行数却在变少，所以代码应该是：

Js代码

var?len = table.rows.length; ??

for(var?i=0; i<len; i++){ t ??

??? table.deleteRow(0); ??

?}??

或者：

?var?len = table.rows.length;

?for(var?i=len-1; i>=0; i--){ ?

?? table.deleteRow(i); ??

?}

js动态删除表格行

原文：http://cui-yh.iteye.com/blog/2311190