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

 }

猜你喜欢

转载自cui-yh.iteye.com/blog/2311190