1 查找表對象

/*** 查找對象* */ function findObj(theObj, theDoc) { var p, i, foundObj; if(!theDoc) theDoc = document; if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring(p+1)].document; theObj = theObj.substring(0,p); } if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; for (i=0; !foundObj && i < theDoc.forms.length; i++) foundObj = theDoc.forms[i][theObj]; for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) foundObj = findObj(theObj,theDoc.layers[i].document); if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj); return foundObj; } 調用如下 :?var nbrTable = findObj("nbrTableId",document); ?// 傳入一個table的id

2 刪除指定行

//刪除指定行 function tableDleteRow(table,rowid){ var signItem = findObj(rowid,document); if(signItem){//獲取將要刪除的行的Index var rowIndex = signItem.rowIndex; //刪除指定Index的行 table.deleteRow(rowIndex); }}
3 添加行

/*** 為每一行nbr添加列* */ var insertCellForNbr = function(i,capConfigNbrsList,nbrTable){var newTR = nbrTable.insertRow(i+1);newTR.id = "nbrTrId" + i;// 添加編號var newIndex=newTR.insertCell(0); // 添加鄰居macvar newNbrMac=newTR.insertCell(1); // 添加鄰居Tavar newNbrTa = newTR.insertCell(2);// 添加鄰居Rssi門限制var newNbrRssiTrd=newTR.insertCell(3); if(capConfigNbrsList&&capConfigNbrsList.length > i){//添加內容newIndex.innerHTML = "<input name='nbrIndex" + i + "' id='nbrIndex" + i + "' type='text' value='"+capConfigNbrsList[i].index+"' /> </br><span id='nbrIndexSpanId"+i+"'></span>"; newNbrMac.innerHTML = "<input name='nbrMac" + i + "' id='nbrMac" + i + "' type='text' value='"+capConfigNbrsList[i].nbrMac+"' /> </br><span id='nbrMacSpanId"+i+"'></span> "; newNbrTa.innerHTML = "<input name='nbrTa" + i + "' id='nbrTa" + i + "' type='text' value='"+capConfigNbrsList[i].nbrTa+"' /> </br><span id='nbrTaSpanId"+i+"'></span> "; newNbrRssiTrd.innerHTML = "<input name='nbrRssiTrd" + i + "' id='nbrRssiTrd" + i + "' type='text' value='"+capConfigNbrsList[i].nbrRssiTrd+"' /> </br><span id='nbrRssiTrdSpanId"+i+"'></span> "; }else{//添加內容newIndex.innerHTML = "<input name='nbrIndex" + i + "' id='nbrIndex" + i + "' type='text' value='' /> </br><span id='nbrIndexSpanId"+i+"'></span> "; newNbrMac.innerHTML = "<input name='nbrMac" + i + "' id='nbrMac" + i + "' type='text' value='' /> </br><span id='nbrMacSpanId"+i+"'></span> "; newNbrTa.innerHTML = "<input name='nbrTa" + i + "' id='nbrTa" + i + "' type='text' value='' /> </br><span id='nbrTaSpanId"+i+"'></span> "; newNbrRssiTrd.innerHTML = "<input name='nbrRssiTrd" + i + "' id='nbrRssiTrd" + i + "' type='text' value='' /> </br><span id='nbrRssiTrdSpanId"+i+"'></span> "; }}

總結

以上是生活随笔為你收集整理的一段js动态操作table代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。