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 表格隔行颜色
Dec 02 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
Jun 19 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
JS函数节流和防抖之间的区分和实现详解
Jan 11 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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网页游戏学习之Xnova(ogame)源码解读(十四)
2014/06/26 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
yii数据库的查询方法
2015/12/28 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
图片按比例缩放函数
2006/06/26 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
小程序开发基础之view视图容器
2018/08/21 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
浅述python2与python3的简单区别
2018/09/19 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
python中count函数简单用法
2020/01/05 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
农村葬礼主持词
2014/03/31 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
学生病假条范文
2015/08/17 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技