JS实现从表格中动态删除指定行的方法
更新时间：2015年03月31日 10:26:50 作者：欧阳不疯
这篇文章主要介绍了JS实现从表格中动态删除指定行的方法,通过getElementById获取指定行再使用deleteRow方法来实现删除行的功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
这篇文章主要介绍了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果,可实现鼠标滑过菜单项呈现弹性移动显示的效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
深入理解JavaScript系列（46）：代码复用模式（推荐篇）详解
这篇文章主要介绍了深入理解JavaScript系列（46）：代码复用模式（推荐篇）详解,本文讲解了原型继承、复制所有属性进行继承、混合（mix-in）、借用方法等模式,需要的朋友可以参考下2015-03-03
js中的变量都是公用的没有静态变量，下面为大家介绍下变量的作用域闭包,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了js代码实现轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本篇文章主要介绍了详解webpack分包及异步加载套路，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
最近在使用微信小程序开发的时候遇到了一个需求,需要实现历史搜索记录的功能,所以下面这篇文章主要给大家介绍了关于微信小程序实现历史搜索功能(h5同理)的相关资料,需要的朋友可以参考下2022-12-12
ComboBox（下拉列表框）通过url加载调用远程数据的方法
这篇文章主要介绍了ComboBox（下拉列表框）通过url加载调用远程数据的方法 ,需要的朋友可以参考下2017-08-08
在项目开发过程中经常会遇到数组中包含很多重复的内容，即脏数据去脏的操作，本文着重讲解了数组去重的几种方法。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了ES6学习笔记之正则表达式和字符串正则方法,结合实例形式对比分析了ES5与ES6正则操作的常用函数功能与用法区别,需要的朋友可以参考下2017-04-04
JavaScript中的字符串就是用''或""括起来的字符表示。下面通过本文给大家介绍JavaScript字符串的相关知识，感兴趣的朋友一起看看吧2017-06-06
最新评论