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动态增删表格行的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考，具体如下： 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScrip
-
本文向大家介绍原生JS和JQuery动态添加、删除表格行的方法，包括了原生JS和JQuery动态添加、删除表格行的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了原生JS和JQuery动态添加、删除表格行的方法。分享给大家供大家参考。具体分析如下： 下面HTML代码作用：提交一个表单，将复选框的值提交（复选框的值等于后面的文本框，复选框和文本框处在同一行，可以动态添加和删除）。 原生态
-
本文向大家介绍基于JavaScript实现动态添加删除表格的行，包括了基于JavaScript实现动态添加删除表格的行的使用技巧和注意事项，需要的朋友参考一下 又一个动态控制表格的效果，用JavaScript动态生成表格行、表格列，以及还可动态删除这些行列，行等，运行代码后，点击对应的功能按钮，即可实现对应的表格操作功能。 1.jsp 2.js 以上所述是小编给大家分享的JavaScript实现动
-
本文向大家介绍JQuery动态添加和删除表格行的方法，包括了JQuery动态添加和删除表格行的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery动态添加和删除表格行的方法。分享给大家供大家参考。具体分析如下： 昨天做页面表格行动态添加和删除，看了无数的介绍，发现了一个好东东，JQuery。用它实现起来还真的是很方便，这个是我用到我们平台的一个方法。 后台使用的也是比较容易的，
-
本文向大家介绍Javascript动态创建表格及删除行列的方法，包括了Javascript动态创建表格及删除行列的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Javascript动态创建表格及删除行列的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍Vue.js实现表格动态增加删除的方法（附源码下载），包括了Vue.js实现表格动态增加删除的方法（附源码下载）的使用技巧和注意事项，需要的朋友参考一下 Vue.js Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。