javascript控制html表格的增加一行,表格数据可修改,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);

}

序号	时间	方式	备注	操作