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 相关文章推荐
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 Javascript
React列表栏及购物车组件使用详解
Jun 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
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP可变函数学习小结
2015/11/29 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
javascript 写类方式之十
2009/07/05 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
js简单实现交换Li的值
2014/05/22 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
antd table按表格里的日期去排序操作
2020/11/17 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
简单谈谈python的反射机制
2016/06/28 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Python进度条的制作代码实例
2019/08/31 Python
下载官网python并安装的步骤详解
2019/10/12 Python
python 瀑布线指标编写实例
2020/06/03 Python
Django多数据库联用实现方法解析
2020/11/12 Python
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
四查四看剖析材料
2014/02/14 职场文书
德语专业求职信
2014/03/12 职场文书
元旦趣味活动方案
2014/08/22 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书