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 相关文章推荐
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
Javascript中神奇的this
Jan 20 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
jquery自定义显示消息数量
Dec 19 jQuery
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 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
PHP入门教程之字符串处理技巧总结(转换,过滤,解析,查找,截取,替换等)
2016/09/11 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
JavaScript随机排序(随即出牌)
2010/09/17 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
js实现飞机大战游戏
2020/08/26 Javascript
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
Python语言的变量认识及操作方法
2018/02/11 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
CSS3制作Dropdown下拉菜单的方法
2015/07/18 HTML / CSS
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
青年创业培训欢迎词
2014/01/08 职场文书
高中打架检讨书
2014/02/13 职场文书
派出所所长先进事迹
2014/05/19 职场文书
社会学专业求职信
2014/07/17 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
垂直极限观后感
2015/06/08 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
Django中celery的使用项目实例
2022/07/07 Python