JS增加行复制行删除行的实现代码
JS增加行复制行删除行的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varcustomerInfoMethod={//复制增加行copyrow:function(obj,id){varrow...

复制代码 代码如下:

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("无可删除的卡号信息!");

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类