您好,欢迎来到尚佳旅游分享网。
搜索
您的当前位置:首页利用js动态添加删除table行的示例代码_javascript技巧

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

来源:尚佳旅游分享网

如下所示:
代码如下:
//动态添加行
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);
}


















产品名称

产品数量

产品单价







Copyright © 2019- shangjiatang.cn 版权所有 湘ICP备2022005869号-4

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务