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 相关文章推荐
利用javascript中的call实现继承
Jan 22 Javascript
javascript eval函数深入认识
Feb 21 Javascript
使用js检测浏览器的实现代码
May 14 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
轮播的简单实现方法
Jul 28 Javascript
echarts实现词云自定义形状的示例代码
Feb 20 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
JavaScript一元正号运算符示例代码
Jun 30 Javascript
countUp.js实现数字动态变化效果
Oct 17 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/08/01 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
2020/04/03 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
Python调用命令行进度条的方法
2015/05/05 Python
pyhton列表转换为数组的实例
2018/04/04 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
浅析python的优势和不足之处
2018/11/20 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
python如何从键盘获取输入实例
2020/06/18 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
入党转预备思想汇报
2014/01/07 职场文书
房地产广告词大全
2014/03/19 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
2014年车间工作总结
2014/11/21 职场文书
离婚案件原告代理词
2015/05/23 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server