使用js动态添加示例代码以删除表行

如下所示:
复制代码代码如下所示:
添加动态行
功能addRow(){
无功表= document.getelementbyid(ID);
var = table.insertrow(newrow); / /创建一个新的线
var = newrow.insertcell(newcell1); / /创建一个新的细胞
newcell.innerhtml = ; / /细胞含量
newcell.setattribute(调整
}

动态删除行
功能deleteRow(){
VaR开始= event.srcelement.parentelement.parentelement.rowindex;
VaR方式= document.getelementbyid(ID);
Styles.deleteRow(开始);
}









产品名称


产品数量


产品单价





数码产品
电器











功能addRow(){
添加行

无功newtr = testtbl.insertrow();
添加列
无功newtd0 = newtr.insertcell();
无功newtd1 = newtr.insertcell();
无功newtd2 = newtr.insertcell();
无功newtd3 = newtr.insertcell();
设置列内容和属性

newtd0.innertext = document.all()。选项{ document.all()。SelectedIndex文本};
newtd1.innertext = document.all(B)的价值;
newtd2.innertext = document.all(C)的价值;
newtd3 .innerHTML =;
}
函数del(o)
{
var t = document.getelementbyid('testtbl);
T.deleteRow(o.parentnode。parentNode。开始)
}