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的模仿新浪微博时间的组件
Oct 04 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
React Fragment介绍与使用详解
Nov 11 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
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
2016/09/19 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
2017/11/15 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
2021/01/15 Javascript
Django框架中的对象列表视图使用示例
2015/07/21 Python
机器学习python实战之手写数字识别
2017/11/01 Python
python基础梳理(一)(推荐)
2019/04/06 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
Python表达式的优先级详解
2020/02/18 Python
python爬虫基础知识点整理
2020/06/02 Python
详解Anaconda 的安装教程
2020/09/23 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
2016年寒假家长评语
2015/10/10 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python