利用js动态添加删除table行的示例代码_javascript技巧
程序员文章站
2024-01-08 13:31:46
...
如下所示:
//动态添加行
function addRow(){
var table = document.getElementById("tableID");
var newRow = table.insertRow(); //创建新行
var newCell1 = newRow.insertCell(); //创建新单元格
newCell.innerHTML = ""; //单元格内的内容
newCell.setAttribute("align","center"); //设置位置
}
复制代码 代码如下:
//动态添加行
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技巧
-
JS动态添加与删除select中的Option对象(示例代码)_javascript技巧
-
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)_javascript技巧
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
js实现动态添加、删除行、onkeyup表格求和示例_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
利用js动态添加删除table行的示例代码_javascript技巧
-
利用JS来控制键盘的上下左右键(示例代码)_javascript技巧
-
原生JS和JQuery动态添加、删除表格行的方法_javascript技巧