js删除表格行的误区

原创 2006年05月26日 11:09:00

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

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

js 实现 删除表格指定行

  • 2010年03月31日 11:47
  • 766B
  • 下载

Html+js实现表格可编辑,并能动态添加删除行

功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       ...

js 操作表格动态添加和删除行

  • 2016年03月30日 13:40
  • 1KB
  • 下载

JS动态增加删除表格行

  • 2010年09月29日 11:26
  • 2KB
  • 下载

原生JS和JQuery动态添加、删除表格行的方法

本文实例讲述了原生JS和JQuery动态添加、删除表格行的方法。分享给大家供大家参考。具体分析如下: 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文...

原生态JS和JQuery版的动态添加、删除表格行

过了太久,JQuery都生疏了,闲来没事,写着玩玩。 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文本框处在同一行,可以动态添加和删除)。 》原生态J...
  • jayqean
  • jayqean
  • 2011年12月19日 14:10
  • 6904

js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)

***************************************************************** js动态添加表的列,并在列中添加控件的方法 添加行 func...
  • judyge
  • judyge
  • 2015年12月13日 13:44
  • 1477

js(jquery)+表格行增加删除操作

1.js方法       序号     用途(项目)  金额(单位:元)     完成日期  操作   images/add.gif" style="cursor:pointe...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js删除表格行的误区
举报原因:
原因补充:

(最多只允许输入30个字)