JS add line copy line delete line implementation code
var customerInfoMethod ={ //Copy to add lines & NBSP;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 of parent, insert newElement ; parent.appendChild(newRow); }else{ //If not, insert it in front of the next sibling of the targetElement & NBSP; 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 to add lines & NBSP;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 child of parent, insert newElement ; parent.appendChild(newRow); }else{ //If not, insert it in front of the next sibling of the targetElement & NBSP; 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 the line deleteRow:function(rootId,obj) { var rootTable = $(rootId); rootTable.deleteRow(obj.parentNode.parentNode.rowIndex); } } 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; } } function deleteRow(tableId,trId){ var tableObj = document.getElementById(tableId); var trObj = document.getElementById(trId); //var trIndex = trObj.rowIndex;// copy tr The line number var rows = tableObj.rows.length; if(rows>0){ tableObj.deleteRow(rows-1); }else{ alert(" No deleted card number information! "); } }