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 相关文章推荐
基于JQuery的简单实现折叠菜单代码
Sep 15 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
jQuery实现类似淘宝购物车全选状态示例
Jun 26 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
JavaScript下拉菜单功能实例代码
Mar 01 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
React路由管理之React Router总结
May 10 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
js实现一个页面多个倒计时的3种方法
Feb 25 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中通过curl检测页面是否被百度收录
2013/09/27 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
理解Javascript_08_函数对象
2010/10/15 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
jQuery+pjax简单示例汇总
2017/04/21 jQuery
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
vuex入门最详细整理
2020/03/04 Javascript
python抓取京东商城手机列表url实例代码
2013/12/18 Python
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
python多任务及返回值的处理方法
2019/01/22 Python
python打包exe开机自动启动的实例(windows)
2019/06/28 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
使用Python实现牛顿法求极值
2020/02/10 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
无工作经验者个人求职信范文
2013/12/22 职场文书
文明班集体申报材料
2014/05/23 职场文书
作文评语怎么写
2014/12/25 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
详解Python函数print用法
2021/06/18 Python
关于PostgreSQL JSONB的匹配和交集问题
2021/09/14 PostgreSQL
React四级菜单的实现
2022/04/08 Javascript