首頁 > web前端 > js教程 > JS增加行複製行刪除行的實作程式碼_javascript技巧

JS增加行複製行刪除行的實作程式碼_javascript技巧

WBOY
發布: 2016-05-16 17:16:27
原創
1034 人瀏覽過

複製程式碼 程式碼如下:

var customerMethod ={ 


var customerMethod ={ 
/複製行
copyrow:function(obj,id) 

var rowIndex=obj.parentNode.parentNode.rowIndex; 
var resrow=document.getElementById(id); 🎜>var newRow=resrow.cloneNode(true);//document.createElement("tr"); 
var parent = resrow.parentNode; 
   if(parent.lastChild == resrow){ 🎜>   if(parent.lastChild == resrow){ /如果targetElement是parent最後一個子元素,插入newElement 
   parent.appendChild(newRow); 
  }else{ 
  //如果不是,則插入到targetElement下一個兄弟節點的前面 
  //如果不是,插入到targetElement下一個兄弟節點的前面 insertBefore(newRow, resrow.nextSibling); 
  } 

//newRow.innerHTML=resrow.innerHTML; 
var selectObj = newRow.LRlectofor]; a=0;aselectObj[a].options[0].selected=true; 

var inputObj = newRow.getElementsByTagName(" inputObj[0].style.display=""; 
inputObj[1].style.display="none"; 
}, 
//複製增加行 
copyrowUpdate:function(Update:function(Update:function(Update:function(Update) obj,id) 

var rowIndex=obj.parentNode.parentNode.rowIndex;  
var resrow=document.getElementById(id); 
row resrow=document.getElementById(id); cloneNode(true);//document.createElement("tr"); 
var parent = resrow.parentNode; 
   if(parent.lastChild == resrow){ 
   if(parent.lastChild == resrow){ 
   if(parent.lastChild == resrow){ 
  子元素,插入newElement 
   parent.appendChild(newRow); 
  }else{ 
  //如果不是,插入到targetElement下一個兄弟節點的前面 
   //如果不是,插入到targetElement下一個兄弟節點的前面 
  . ); 
  } 
//newRow.innerHTML=resrow.innerHTML; 
var selectObj = newRow.getElementsByTagName("select"); a ){ 
selectObj[a].options[0].selected=true; 

var inputObj = newRow.getElementsByTagName("input"); inputObj[i].value="0"; 

inputObj[inputObj.length-2].style.display=""; inputObj[inputObj.length-1].style.display="none"; 
}, 
//刪除行 
deleteRow:function(rootId,obj) { 
var ); 
rootTable.deleteRow(obj.parentNode.parentNode.rowIndex); 
  } 


/** 
 增加行 fanjf  */ 

function addRow(tableId,trId){ 
var tableObj = document.getElementById(tableId); 
var trObj = = document.Element🎜>var trObj = document.Element. >//var trIndex = trObj.rowIndex 1; 
var rows = tableObj.rows.length; 
var cell = ""; 
var tr = tableObj.insertRow(rowj.insertRow(rows); i=0;i cell= tableObj.rows(rows).insertCell(i); 
 cell.innerText= trObj.cells(i).in
 cell.innerText= trObj.cells(i).in
 cell.innerText= trObj.cells(i).in > 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); 

Ofmmodex 🎜 >    var rows = tableObj.rows.length; 
    if(rows>0){ 

    tableObj.delete "無可刪除的卡號訊息!



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板