`
koudailidexiaolong
  • 浏览: 89775 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

使用javascript删除表格对象中的行

 
阅读更多

---------------------------------------script脚本--------------------------

<script type="text/javascript">

function btnDelRow(rowId){
//行对象
var delRow = document.getElementById(rowId);
//行的数
var delRowIndex = delRow.rowIndex;
//表对象
var table1 = document.getElementById("table1");
//删除
table1.deleteRow(delRowIndex);
}
</script>

----------------------表格-------------------------

<body>
<table id="table1" width="500" border="1" cellspacing="1" cellpadding="1">
<tr id="tr0">
<td>书名</td>
<td>价格</td>
<td>操作</td>
</tr>
<tr id="tr1">
<td>三国演义</td>
<td>¥99</td>
<td>
<input type="button" name="button" id="button" value="删除" onclick="btnDelRow('tr1')" />
</td>
</tr>
<tr id="tr2">
<td>水浒传</td>
<td>¥100</td>
<td><input type="button" name="button2" id="button2" value="删除" onclick="btnDelRow('tr2')" /></td>
</tr>
</table>

</body><wbr></wbr>

分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript动态生成带删除行功能的表格.docx

     本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码,供大家参考,具体内容如下 动态生成一个带删除行功能的表格: 实现思路 1、获取表格元素 2、获取要填充的数据,一般是从数据库取数据,也...

    javascript完全学习手册1 源码

    1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...

    javascript完全学习手册2 源码

    1.3 在web页面中使用JavaScript 1.3.1 HTML的基本结构 1.3.2 在HTML中嵌入JavaScript 1.3.3 链接JavaScript文件 1.4 编写JavaScript的工具 1.4.1 使用纯文本编辑器 1.4.2 使用专业化脚本编辑工具 ...

    原创-javascript服务器交互型可编辑表格和我的js常用库

    // 列描述对象 ,包含一个数组,数组中每一个对象说明一个列编辑对象和相关处理 column : [ { // 列名 name : 'areaName', // 编辑类型 当前支持三种编辑方式text(文本框)date(日期型)select...

    JavaScript详解(第2版)

     12.1.2 JavaScript中的image对象   12.2 回顾链接   12.3 图片地图   12.3.1 使用src属性动态替换图片   12.3.2 预加载图片和Image()构造函数   12.3.3 随机显示图片和onClick事件   12.3.4 ...

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

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

    JavaScript完全自学宝典 源代码

    16.4.html 在JavaScript中使用FileSystemObject操作本地文件的方法。 第18章(\c18) 示例描述:学习XMLHttpRequest对象。 18.1.html 使用Ajax获取HTTP头信息。 18.2.html 使用Ajax获取全部响应头信息...

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

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

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    JavaScript王者归来part.1 总数2

     1.7 学习和使用JavaScript的几点建议   1.8 关于本书的其余部分   第2章 浏览器中的JavaScript  2.1 嵌入网页的可执行内容   2.2 赏心悦目的特效   2.3 使用JavaScript来与用户交互  2.4 绕开脚本陷阱 ...

    javascript网页特效实例大全(13-19)

    实例351 使用XMLHttpRequest对象读取XML文件 557 14.2 显示XML文档 559 实例352 使用CSS显示XML文档 559 实例353 使用XSL显示XML文档 562 实例354 使用IE XML数据岛输出XML文档 564 14.3 操作XML 565 ...

    JavaScript网页特效范例宝典源码

    实例295 将页面中的表格导出到Word并打印 465 实例296 打开指定的Word文档并打印 467 实例297 在JSP中利用Word自动打印指定格式的会议记录 468 实例298 在ASP中利用Word自动打印指定格式的会议记录 470 实例299 在...

    javascript服务器交互型可编辑表格和js常用库

    // 列描述对象 ,包含一个数组,数组中每一个对象说明一个列编辑对象和相关处理 column : [ { name : 'year', // 选择型 editorType : 'select', // 加载select数据url,返回json数据,格式应为:[{...

    JavaScript数组,JSON对象实现动态添加、修改、删除功能示例

    主要介绍了JavaScript数组,JSON对象实现动态添加、修改、删除功能,结合实例形式分析了JavaScript针对json数组的添加、删除、修改操作实现技巧,需要的朋友可以参考下

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

    简介 这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们。你可以学到如何动态地创建、获取、控制和删除HTML元素。这些DOM方法同样适用于XML。所有全面支持DOM 1.0的浏览器都能很好地...

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

    5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4...

    JavaScript实战

    2.8.5 使用splice( )添加和删除 38 2.9 教程:编写使用数组的页面 40 2.10 注释 42 2.10.1 何时使用注释 43 2.10.2 本书中的注释 44 第3章 为程序添加逻辑和控制 45 3.1 使程序智能地响应 45 3.1.1 条件语句基础 46 ...

    JavaScript笔记

    15.JavaScript中的所有事物都是对象,分为三类: |--简单对象:String、Number、Boolean |--组合对象:Array、Math、Date |--复杂对象:Function、Regex、Object等 16.Array排序: |--升序:function compare(a...

    精通javascript

    • 13.4.htm DHTML对象模型方法新增和删除表格行内容 • 13.5.htm W3C对象模型方法显示和修改网页内容 • 13.6.htm W3C对象模型方法显示和修改表格内容 • 13.7.htm “相对位置”...

    精通JavaScript

    • 13.4.htm DHTML对象模型方法新增和删除表格行内容 • 13.5.htm W3C对象模型方法显示和修改网页内容 • 13.6.htm W3C对象模型方法显示和修改表格内容 • 13.7.htm “相对位置”...

Global site tag (gtag.js) - Google Analytics