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


Posted in Javascript onMarch 31, 2015

本文实例讲述了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 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
看了就知道什么是JSON
Dec 09 Javascript
JavaScript作用域链使用介绍
Aug 29 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
node.JS二进制操作模块buffer对象使用方法详解
Feb 06 Javascript
js实现简单的倒计时
Jan 28 Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 #Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 #Javascript
jQuery选择器源码解读(二):select方法
Mar 31 #Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 #Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 #Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 #Javascript
JavaScript父子窗体间的调用方法
Mar 31 #Javascript
You might like
用文本文件实现的动态实时发布新闻的程序
2006/10/09 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
js编写选项卡效果
2017/05/23 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
layui上传图片到服务器的非项目目录下的方法
2019/09/26 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
Linux下多个Python版本安装教程
2018/08/15 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
销售行政专员职责
2014/01/03 职场文书
给男朋友的道歉信
2014/01/12 职场文书
社区学习十八大感想
2014/01/22 职场文书
法学专业自我鉴定
2014/02/05 职场文书
文明风采获奖感言
2014/02/18 职场文书
演讲稿的写法
2014/05/19 职场文书
春游踏青活动方案
2014/08/14 职场文书
群众路线专项整治方案
2014/10/27 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android