


JS implementation code for adding rows, copying rows, and deleting rows_javascript skills
May 16, 2016 pm 05:16 PMvar customerInfoMethod ={
//Copy and add lines
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){
/ /If targetElement is the last child element of parent, insert newElement
parent.appendChild(newRow);
}else{
//If not, insert it in front of the next sibling node of 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";
},
//Copy and add rows
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){
//If targetElement is the last one of parent Child element, insert newElement
parent.appendChild(newRow);
}else{
//If not, insert it in front of the next sibling node of 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";
},
//Delete row
deleteRow:function(rootId,obj) {
var rootTable = $(rootId );
rootTable.deleteRow(obj.parentNode.parentNode.rowIndex);
}
}
/**
Add line 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;
}
}
/**
Delete row fanjf
*/
function deleteRow(tableId,trId){
var tableObj = document.getElementById(tableId);
var trObj = document.getElementById(trId);
//var trIndex = trObj.rowIndex;//Copy the row number of tr
var rows = tableObj.rows.length;
if(rows>0){
tableObj.deleteRow(rows-1);
}else{
alert("No card number information to delete ! ");
}
}

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Replace String Characters in JavaScript

Custom Google Search API Setup Tutorial

8 Stunning jQuery Page Layout Plugins

Improve Your jQuery Knowledge with the Source Viewer

10 Mobile Cheat Sheets for Mobile Development
