`
rober
  • 浏览: 22829 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JS删除表格行

 
阅读更多
   先取得表格:
var table = document.getElementById("table");
然后遍历表格的行数进行删除:
for(var i=0; i<table.rows.length; i++){ 
  table.deleteRow(i); 
}
这时会发现结果并不像预期那样,是因为删除一行后,table.rows.length会变小,所以先将table.rows.length 赋值给变量len,这时JS会报错,是因为每删一行后,len的值没变,而实际的行数却在变少,所以代码应该是:
var len = table.rows.length; 
for(var i=0; i<len; i++){ t
  table.deleteRow(0); 
}
分享到:
评论
3 楼 damoluomu 2012-09-04  
有些行删除,而有些行不删除怎么办
2 楼 cl3922502 2010-10-07  
[color=orange][/color]
1 楼 zhuxiaoleiking 2010-06-23  
table.deleteRow(0);    是不是删除当前的第一行!

相关推荐

    纯javascript增加删除表格行

    3. **删除行**:删除表格行通常涉及到选择要删除的行,并调用`removeChild()`方法。例如,假设我们想删除点击时的当前行,可以这样实现: ```javascript function deleteRow(event) { if (confirm('确定要删除...

    js 添加删除表格

    以下是一个简单的例子,展示如何使用JavaScript添加和删除表格行: ```javascript // 获取表格元素 var table = document.getElementById('myTable'); // 添加行 function addRow() { var row = table.insertRow...

    JS动态增加删除表格行

    本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先,我们来了解一下HTML表格的基本结构。一个表格由`&lt;table&gt;`元素包含,其中包含`&lt;tr&gt;`(表格行)元素,每行内可以有多个`&lt;td&gt;`(表格数据单元格)或`...

    JavaScript动态添加删除表格行

    在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...

    js 实现 删除表格指定行

    js 实现 删除表格指定行! 值得下载看看!资源免费,大家分享!!

    复选框选中表格中的行进行删除行操作

    当复选框状态改变时,数据模型也会相应更新,进而更新对应的表格行。 5. **删除操作(Deletion)**: 删除操作通常涉及JavaScript的DOM操作。一旦确定了要删除的行,可以使用`removeChild`或`remove`方法移除该行...

    动态插入、添加删除表格行的JS代码

    ### 动态插入、添加删除表格行的JS代码 在网页开发中,表格是一个非常重要的元素,用于展示数据。为了使网页更具交互性,我们常常需要动态地对表格进行操作,比如插入或删除行等。本文将通过一个具体的示例来讲解...

    jQuery 动态添加或删除表格行

    在网页开发中,jQuery库因其简洁的语法和强大的功能,被广泛用于处理DOM操作,包括动态添加和删除表格行。本篇文章将详细讲解如何利用jQuery实现这两种操作。 首先,我们来理解HTML表格的基本结构。一个表格由`...

    js动态添加删除表格

    2. **删除表格行** 删除表格行时,通常会根据用户的选择,比如点击行的某个按钮。首先,为每行添加一个删除按钮,并绑定点击事件。在事件处理函数中,找到要删除的行并调用`remove`方法。 ```javascript ...

    动态添加/删除表格行并提交内容到后台

    在开发Web应用时,动态添加和删除表格行是常见的需求,尤其在数据管理或表单填写场景中。本文将深入探讨如何使用C#后端和JavaScript前端技术来实现这一功能,为初学者提供一个基础的实践指导。 首先,我们要了解...

    javascript实现表格添加删除等操作

    HTML部分可能包括`&lt;table&gt;`标签,`&lt;tr&gt;`(表格行)、`&lt;td&gt;`(表格单元格)以及可能的`&lt;button&gt;`元素,这些按钮会触发添加或删除行的操作。 `students.js`文件则是JavaScript代码,用于处理与HTML交互的部分。以下是...

    js 操作表格动态添加和删除行

    js 操作表格动态添加和删除行

    js删除表格本行列表

    在JavaScript编程中,"js删除表格本行列表"这一主题涉及到网页交互中的动态数据操作,尤其是在处理用户界面(UI)与后端数据库之间的数据同步。在这个场景中,我们通常会用到HTML表格来展示从数据库获取的数据,并...

    js实现动态增加和删除表格的行和列。实例

    js实现动态增加和删除表格的行和列。实例 js实现动态增加和删除表格的行和列。实例

    自动增加删除表格行代码(纯JS)

    ### 自动增加删除表格行代码(纯JS) 在网页开发中,动态地操作HTML元素是一项常见且实用的功能。本文将详细介绍如何使用纯JavaScript实现表格行的自动增加与删除功能,以及如何为表格中的特定单元格添加当前日期。...

    js操作table元素,表格的行列新增、删除汇集.txt

    删除表格行 (`doTableRowDelete`) 该函数用于删除指定的表格行。参数`tablObj`是目标`&lt;table&gt;`对象,`trIndexs`是要删除的行的索引,而`tdCount`(默认为1)表示要删除的`&lt;td&gt;`单元格数量。如果未提供`trIndexs`,...

    js 表格编辑 插入行 删除行 编辑数据

    js 表格编辑 插入行 删除行 编辑数据 将表格内容生产json格式

    js脚本 添加删除表格行

    在一些系统使用中,我们常会遇到需要添加或删除行的要求,本例可以快速简洁地实现这功能(里面的返回需改成javascript:history.go(-1))

Global site tag (gtag.js) - Google Analytics