用Javascript实现添加删除表格行

以下代码其实是网友帮忙写的,感觉写得不错,所以放上来备忘。
 function addRow(obj){    
var clickedRow = obj;    
while(clickedRow.tagName != "TR")     {        
clickedRow = clickedRow.parentNode;     }    
var clickedTable = clickedRow.parentNode;   
 var newRow = clickedTable.insertRow(clickedRow.rowIndex + 1);    
newRow.className = clickedRow.className;    
for(var i = 0; i < clickedRow.childNodes.length; i++)    
{       
 if(clickedRow.childNodes[i].tagName != "TD")       
 {             continue;         }        
var newCell = clickedRow.childNodes[i].cloneNode(true);        
for(var j = 0; j < newCell.childNodes.length; j++)        
{             if(newCell.childNodes[j].value)             {                 newCell.childNodes[j].value = "";             }         }         newRow.appendChild(newCell);     }}

function removeRow(obj){    
var clickedRow = obj;    
while(clickedRow.tagName != "TR")    
{       
 clickedRow = clickedRow.parentNode;  
  }     clickedRow.parentNode.removeChild(clickedRow);}调用方式:摘要在单元格里找一个载体,加上事件就可以了:如:οnclick="addRow(this)" / οnclick="removeRow(this)"代码兼容IE/Firefox。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值