js删除表格行的误区

来源:互联网 发布:单片机psw是什么 编辑:程序博客网 时间:2024/05/07 05:05

我另外一个页面去改变原来页面的表格的时候,要首先删除掉原来的行,但是却总是不能完全删除,原来的代码如下:

function clearRow_callback(){ 
  tblObj = document.getElementById("policyFeeTable"); 
      
  for( var i=1; i<tblObj.rows.length ; ; i++ )
    {
      tblObj.deleteRow(i);    
     }
     
 }

这段代码要删除原来的表格的表体,有两个问题,首先不能是deleteRow(i),应该是deleteRow(1);因为在删除表格行的时候,表格的行数在变化,这就是问题的关键,rows.length总是在变小,删除的行数总是会比预想的要少一半,所以正确的删除表格的行的代码应该这样:

function clearRow_callback(){ 
  tblObj = document.getElementById("policyFeeTable"); 
  var length= tblObj.rows.length ;      
  for( var i=1; i<length; i++ )
    {
      tblObj.deleteRow(1);    
     }     
 }