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

来源：懂视网责编：小采时间：2020-11-27 21:17:20

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

利用js动态添加删除table行的示例代码_javascript技巧:如下所示：代码如下://动态添加行function addRow(){ var table = document.getElementById(tableID); var newRow = table.insertRow(); //创建新行 var newCell1 = newRow.insertCell(); //创建新单元格 new

推荐度：

点击下载本文 文档为doc格式

导读利用js动态添加删除table行的示例代码_javascript技巧:如下所示：代码如下://动态添加行function addRow(){ var table = document.getElementById(tableID); var newRow = table.insertRow(); //创建新行 var newCell1 = newRow.insertCell(); //创建新单元格 new

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

产品名称	产品数量	产品单价

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

推荐度：

点击下载本文 文档为doc格式

标签： js javascript 删除行

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐