当前位置:Gxlcms > JavaScript > 利用js动态添加删除table行的示例代码_javascript技巧

利用js动态添加删除table行的示例代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:4人阅读

如下所示:
代码如下:

//动态添加行
function addRow(){
var table = document.getElementById("tableID");
var newRow = table.insertRow(); //创建新行
var newCell1 = newRow.insertCell(); //创建新单元格
newCell.innerHTML = ""; //单元格内的内容
newCell.setAttribute("align","center"); //设置位置
}

//动态删除行
function deleteRow(){
var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
var styles = document.getElementById("tableID");
styles.deleteRow(rowIndex);
}


















产品名称

产品数量

产品单价