AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JS实现从表格中动态删除指定行的方法

51自学网 http://www.wanshiok.com
JS,表格,动态删除,指定行

本文实例讲述了JS实现从表格中动态删除指定行的方法。分享给大家供大家参考。具体如下:

JS的表格对象有一个deleteRow方法用于删除表格中的指定行,只需要指定行号即可

<!DOCTYPE html><html><head><script>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><input type="button" value="Delete" onclick="deleteRow(this)"></td></tr><tr> <td>Row 2</td> <td><input type="button" value="Delete" onclick="deleteRow(this)"></td></tr><tr> <td>Row 3</td> <td><input type="button" value="Delete" onclick="deleteRow(this)"></td></tr></table></body></html>

希望本文所述对大家的javascript程序设计有所帮助。


JS,表格,动态删除,指定行  
上一篇:JS实现为表格动态添加标题的方法  下一篇:jQuery选择器源码解读(三):tokenize方法