利用js动态添加删除table行的示例代码_javascript技巧
程序员文章站
2022-06-08 14:28:20
...
如下所示:
//动态添加行
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);
}
产品名称 |
产品数量 |
产品单价 |
|
|
|
上一篇: 字段中文名写在表里还是文件里?解决办法
下一篇: mysql 随机查询数据_MySQL
推荐阅读
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
js实现动态添加、删除行、onkeyup表格求和示例_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
利用js动态添加删除table行的示例代码_javascript技巧
-
利用JS来控制键盘的上下左右键(示例代码)_javascript技巧
-
原生JS和JQuery动态添加、删除表格行的方法_javascript技巧
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
js确认删除对话框效果的示例代码_javascript技巧
-
利用JS来控制键盘的上下左右键(示例代码)_javascript技巧