javascript DOM 删除表格
程序员文章站
2022-07-15 14:24:27
...
javascript使用DOM动态删除表格中的一行,赶快复制到本地试试吧
<html> <head> <script type="text/javascript"> function deleteRow(r) { var i=r.parentNode.parentNode.rowIndex document.getElementById('myTable').deleteRow(i) } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>Row 1</td> <td><a href="#" onclick="deleteRow(this)">del</a></td> </tr> <tr> <td>Row 2</td> <td><input type="button" value="delte" onclick="deleteRow(this)"></td> </tr> <tr> <td>Row 3</td> <td><input type="button" value="delete" onclick="deleteRow(this)"></td> </tr> </table></body> </html>
上一篇: 编码和乱码问题
推荐阅读
-
JScript内置对象Array中元素的删除方法_javascript技巧
-
Vue.js实现的表格增加删除demo示例
-
Javascript_8_DOM_节点操作
-
js加载之使用DOM方法动态加载Javascript文件_javascript技巧
-
JavaScript如何动态创建table表格_javascript技巧
-
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题_javascript技巧
-
JavaScript操作DOM元素的childNodes和children区别_javascript技巧
-
【精华】Javascript对DOM增删改查,class及CSS操作,一篇全,绝对实用!
-
实例详解Angular实现较为复杂的表格过滤和删除功能
-
javascript对talbe进行动态添加、删除、验证实现代码_javascript技巧