天天看點

html table批量添加行與删除行,js實作對table的增加行和删除行的操作方法

無标題文檔

//添加方法

function addtr()

{

//var trid=0;

var tab=document.getElementByIdx_x("signFrame");

//添加行

var newTR = tab.insertRow(tab.rows.length);

alert(tab.rows.length);

//trid++;

//擷取序号=行索引

var xuhao=newTR.rowIndex.toString();

alert(xuhao);

newTR.id = "tr" + xuhao;

//添加列:序号

var newNameTD=newTR.insertCell(0);

//添加列内容

newNameTD.innerHTML = xuhao;

//添加列:日期

var newNameTD=newTR.insertCell(1);

//添加列内容

newNameTD.innerHTML = "";

//添加列:方式

var newEmailTD=newTR.insertCell(2);

//添加列内容

newEmailTD.innerHTML = "電話QQ";

//添加列:備注

var newTelTD=newTR.insertCell(3);

//添加列内容

newTelTD.innerHTML = "";

//添加列:删除按鈕

var newDeleteTD=newTR.insertCell(4);

//添加列内容

newDeleteTD.innerHTML = "

删除 ";

}

//删除其中一行

function deltr(trid)

{ //alert(trid);

var tab=document.getElementByIdx_x("signFrame");

var row=document.getElementByIdx_x(trid);

var index=row.rowIndex;//rowIndex屬性為tr的索引值,從0開始

tab.deleteRow(index); //從table中删除

//重新排列序号,如果沒有序号,這一步省略

var nextid;

for(i=index;i

tab.rows[i].cells[0].innerHTML = i.toString();

nextid=i+1;

remark=document.getElementByIdx_x("remark"+nextid);

remark.id="remark";

}

}

function showid(txt)

{alert(txt.id);

}

序号 時間 方式 備注 操作