table中動態刪除新增一行的方法

table中動態刪除新增一行的方法

table中動態刪除新增一行的方法 function deleteCurrentRow()//刪除當前行

{

var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;

document.all.table10.deleteRow(currRowIndex);//table10--表格id

}

function insertRow()

{

var nRow=document.all.table10.rows.length; //表格的總行數

var objTheRow=document.all.table10.insertRow(nRow);//在最下邊新增一行

objTheRow.insertCell(0);//新增一個單元格

objTheRow.insertCell(1);

objTheRow.insertCell(2);

objTheRow.cells(0).innerHTML=nRow;//對新增的單元格?容

objTheRow.cells(1).innerHTML=" ";

objTheRow.cells(2).innerHTML="<input type='button' value='del this row' onClick='deleteCurrentRow()'>";

}

0

1

2