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 相关文章推荐
如何实现浏览器上的右键菜单
Jul 10 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
基于vue.js实现分页查询功能
Dec 29 Javascript
vue组件开发props验证的实现
Feb 12 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
Javascript如何实现扩充基本类型
Aug 26 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
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
2011/11/07 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
教你如何使用php session
2013/10/28 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
python中shell执行知识点
2020/05/06 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
可靠的数据流传输TCP
2016/03/15 面试题
我未来的职业规划范文
2014/01/11 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
广播体操口号
2014/06/18 职场文书
上党课的心得体会
2014/09/02 职场文书
警示教育片观后感
2015/06/17 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js