JS增加行复制行删除行的实现代码_javascript技巧
May 16, 2016 pm 05:16 PMvar 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
}
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
}
var inputObj = newRow.getElementsByTagName("input");
for(var i=0;i
}
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
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("无可删除的卡号信息!");
}
}

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé

8 Superbes plugins de mise en page JQuery Page

Créez vos propres applications Web Ajax

Qu'est-ce que & # x27; ceci & # x27; en javascript?
