复制代码 代码如下:

var customerInfoMethod ={

//复制增加行

copyrow:function(obj,id)

{

var rowIndex=obj.parentNode.parentNode.rowIndex;

var resrow=document.getElementById(id);

rowIndex--;

var newRow=resrow.cloneNode(true);//document.createElement("tr");

var parent = resrow.parentNode;

if(parent.lastChild == resrow){

//如果targetElement是parent最后一个子元素，插入newElement

parent.appendChild(newRow);

}else{

//如果不是，插入到targetElement下一个兄弟节点的前面

parent.insertBefore(newRow, resrow.nextSibling);

}

//newRow.innerHTML=resrow.innerHTML;

var selectObj = newRow.getElementsByTagName("select");

for(var a=0;a<selectObj.length;a++){

selectObj[a].options[0].selected=true;

}

var inputObj = newRow.getElementsByTagName("input");

inputObj[0].style.display="";

inputObj[1].style.display="none";

},

//复制增加行

copyrowUpdate:function(obj,id)

{

var rowIndex=obj.parentNode.parentNode.rowIndex;

var resrow=document.getElementById(id);

rowIndex--;

var newRow=resrow.cloneNode(true);//document.createElement("tr");

var parent = resrow.parentNode;

if(parent.lastChild == resrow){

//如果targetElement是parent最后一个子元素，插入newElement

parent.appendChild(newRow);

}else{

//如果不是，插入到targetElement下一个兄弟节点的前面

parent.insertBefore(newRow, resrow.nextSibling);

}

//newRow.innerHTML=resrow.innerHTML;

var selectObj = newRow.getElementsByTagName("select");

for(var a=0;a<selectObj.length;a++){

selectObj[a].options[0].selected=true;

}

var inputObj = newRow.getElementsByTagName("input");

for(var i=0;i<inputObj.length-2;i++){

inputObj[i].value="0";

}

inputObj[inputObj.length-2].style.display="";

inputObj[inputObj.length-1].style.display="none";

},

//删除行

deleteRow:function(rootId,obj) {

var rootTable = $(rootId);

rootTable.deleteRow(obj.parentNode.parentNode.rowIndex);

}

}

/**

增加行 fanjf

*/

function addRow(tableId,trId){

var tableObj = document.getElementById(tableId);

var trObj = document.getElementById(trId);

//var trIndex = trObj.rowIndex+1;

var rows = tableObj.rows.length;

var cell = "";

var tr = tableObj.insertRow(rows);

for(i=0;i<trObj.cells.length;i++){

cell= tableObj.rows(rows).insertCell(i);

cell.innerText= trObj.cells(i).innerText;

cell.className= trObj.cells(i).className;

cell.innerHTML= trObj.cells(i).innerHTML;

}

}

/**

删除行 fanjf

*/

function deleteRow(tableId,trId){

var tableObj = document.getElementById(tableId);

var trObj = document.getElementById(trId);

//var trIndex = trObj.rowIndex;//复制tr的行号

var rows = tableObj.rows.length;

if(rows>0){

tableObj.deleteRow(rows-1);

}else{

alert("无可删除的卡号信息！");

}

}

【JS增加行复制行删除行的实现代码】相关文章：

★ 多种js图片预加载实现方式分享

★ 实现DIV圆角的JavaScript代码

★ JavaScript深度复制（deep clone）的实现方法

★ Javascript动态创建表格及删除行列的方法

★ JS动态增删表格行的方法

★ 通过JavaScript脚本复制网页上的一个表格

★ 一段实时更新的时间代码

★ js去字符串前后空格的实现方法

★ jQuery实现div随意拖动的实例代码(通用代码)

★ 在页面中输出当前客户端时间javascript实例代码