`
han2000lei
  • 浏览: 273216 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript DOM 删除表格

JavaScriptHTML
阅读更多
javascript使用DOM动态删除表格中的一行，赶快复制到本地试试吧
<html>
<head>
<script type="text/javascript">
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><a href="#" onclick="deleteRow(this)">del</a></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="delte" 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 DOM
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript dom删除表格

    javascript 用dom模型删除单元格 很简单的javascript

    js表格操作，DOM实现数据动态增删查改

    原生JavaScript，对数据表格进行操作，使用DOM实现数据的动态操作，包括增加、删除、查询、修改。

    JavaScript与DOM组合动态创建表格实例

    它使用DOM 1的方法由JavaScript动态创建一个HTML表格。它创建一个由四个包含文本内容的单元格组成的小表格。单元格的文字内容是：“单元格是第y行第x列”，表示单元格在表格中的行数和列数。 代码如下:&lt;ht

    前端：表格内容的添加和删除

    实现将输入的信息添加到表格、删除表格内容的功能，适合前端初学者巩固DOM相关知识。涉及全选、反选，几种表单标签的使用。

    DOM编程详解(含HTML部分)

    DOM编程详解(含HTML部分)DOM是Document Object ...简单理解，DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

    JS dom节点实现移上、移下的效果（表格）.zip

    在javascript中，用DOM节点去实现表格内容移上 移下的效果 以及对表格进行添加删除等功能的实现。

    javascript完全学习手册1 源码

    8.5.5 更改表格间隔背景色 219 第9章 JavaScript中的XML 223 9.1 XML语言 223 9.1.1 XML概述 223 9.1.2 XML文档结构 225 9.1.3 XML标记 226 9.1.4 XML文档元素 226 9.1.5 XML属性 229 9.1.6 XML命名空间 230 9.2 XML...

    javascript完全学习手册2 源码

    8．5．5 更改表格间隔背景色 第9章 JavaScript中的XML 9．1 XML语言 9．1．1 XML概述 9．1．2 XML文档结构 9．1．3 XML标记 9．1．4 XML文档元素 9．1．5 XML属性 9．1．6 XML命名空间 9．2 XMLDOM 9．2．1 通用...

    JavaScript详解(第2版)

    　15.7　DOM的修改(追加、复制和删除节点)　 　15.7.1　innerHTML属性和元素的内容　 　15.7.2　更改元素的内容　 　15.7.3　使用DOM创建新元素　 　15.7.4　在节点前插入　 　15.7.5　为节点创建属性　 　15.7.6　...

    程序天下:JavaScript实例自学手册

    9.31 删除表格指定行 9.32 设置表格的交替行颜色 9.33 双击单元格变为可编辑 9.34 鼠标经过表格时列变色 9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 ...

    Javascript表格高级操作

    1.动态创建表格 2.兼容IE和FireFox 3.具有间隔色 4.具有鼠标进过高亮显示功能 5.具有编辑和删除功能,每行附带有编辑和删除按钮 6.具有全选，全清和反选功能

    《程序天下：JavaScript实例自学手册》光盘源码

    9.31 删除表格指定行 9.32 设置表格的交替行颜色 9.33 双击单元格变为可编辑 9.34 鼠标经过表格时列变色 9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 ...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie，并在上...

    JavaScript完全自学宝典 源代码

    3.5.html 删除数组最后项的方法。 3.6.html 向数组头添加一个项。 3.7.html 多维数组的实现方法。 第4章（\c04） 示例描述：介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html ...

    javascript网页特效实例大全（13-19）

    实例350　使用XML DOM对象读取XML文件　554 实例351　使用XMLHttpRequest对象读取XML文件　557 14.2　显示XML文档　559 实例352　使用CSS显示XML文档　559 实例353　使用XSL显示XML文档　562 实例354　使用IE XML...

    JavaScript王者归来part.1 总数2

    　12.1.4 HTML结构和DOM对象的关系--用JavaScript通过DOM来操作HTML文档　 　12.2 DOM与浏览器实现　 　12.2.1 关于DOM HTML API　 　12.2.2 DOM的级别和特性　 　12.2.3 DOM的一致性　 　12.2.4 差异性--浏览器的...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    疯狂HTML 5+CSS 3+JavaScript讲义（第2版）+源代码

    14.6　删除HTML元素 463 14.7　传统的DHTML模型 467 14.8　使用window对象 469 14.9　navigator和地理定位 479 14.10　HTML 5增强的History API 485 14.11　使用document对象 490 14.12　HTML 5新增的浏览器分析 493...

Magicbox
Global site tag (gtag.js) - Google Analytics