`
zyz
  • 浏览: 25369 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js循环删除表格

 
阅读更多
由于表格的总条数会随着表格的删除动态改变,因此不能使用传统的for循环方法删除,改用while方法,在做js循环删除时需要注意这种情况。代码如下
    var deleteXiangmuArray = document.getElementsByName("xiangmuid");
//var length=deleteXiangmuArray.length;
    /*for(var i=0;i<length;i++)
    {
  var xiangmu=deleteXiangmuArray[i];
      if(xiangmu.checked==true)
      {
        document.getElementById("yixuanxiangmu").deleteRow(xiangmu.parentNode.parentNode);
      }
    }*/
var i=0;/*由于deleteXiangmuArray会随着表格的删除动态改变,因此不能使用传统的for循环方法删除,改用while方法,再做js循环删除时需要注意这种情况*/
while(i<deleteXiangmuArray.length)
{
  if(deleteXiangmuArray[i].checked==true)
  {
    document.getElementById("yixuanxiangmu").deleteRow(deleteXiangmuArray[i].parentNode.parentNode);   }
  else
  {
    i++;
  }
分享到:
评论

相关推荐

    javascript动态创建表格

    * 在删除表格的行时,表格的行数会马上变化,因此需要注意循环删除的顺序 * 使用 `deleteRow()` 和 `deleteCell()` 方法时,需要传入正确的参数 index 动态设置单元格和行的属性 * 使用 `setAttribute()` 方法:...

    javascript清空table表格的方法

    本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下: 1. 通常方法 循环table的rows,然后一个一个删除。 这个方法是通常的方法,可行,但是效率不好。 2. 另一个方法 var artTable = ...

    js动态绘制表格,实现动态绘制,添加 和删除

    ### 四、动态删除表格元素 #### 4.1 删除行 可以使用`removeChild`方法删除指定行。示例代码如下: ```javascript var rowToDelete = document.getElementById('rowId'); table.removeChild(rowToDelete); ``` ##...

    js 动态表格增 删 查 改

    在JavaScript编程中,动态表格是一种常见的交互式网页元素,它允许用户在运行时添加、删除、检查和修改数据。这种功能对于数据展示和管理尤为重要,特别是在Web应用中处理大量结构化信息时。以下是对"js 动态表格 增...

    用JS控制表格的交替颜色.rar

    为了解决这一问题,我们可以使用JavaScript(JS)来实现表格行的交替颜色,提高用户的阅读体验。本教程将深入讲解如何用JS控制表格的交替颜色,使其呈现出更美观的视觉效果。 首先,我们需要理解HTML表格的基本结构...

    JavaScript操作表格

    #### 二、删除表格行与单元格 接下来的内容展示了如何使用JavaScript删除现有的表格行和单元格。 1. **删除行**:通过`_table.deleteRow(index)`方法可以删除指定索引位置的行。 2. **删除单元格**:如果要删除某...

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

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

    JavaScript的Table表格对象

    - `forEach`循环可以方便地遍历表格集合,如`table.rows.forEach(function(row) {...})`。 在实际应用中,JavaScript的Table表格对象还可以结合Ajax实现异步数据加载,或者使用框架如jQuery、React、Vue等进行更...

    js合并表格相同数据列

    2. **遍历表格**:使用`for`循环遍历表格的所有行(`&lt;tr&gt;`元素),并访问每一行的单元格(`&lt;td&gt;`元素)。 3. **比较数据**:比较当前行与前一行的特定列(`&lt;td&gt;`)的文本内容,如果相同,则进行合并操作。 4. **合并...

    js实现添加删除表格(两种方法)

    总结来说,实现JavaScript动态添加和删除表格行的两种方法各有特点,根据实际的应用场景和需求选择合适的方法。在页面设计中,合理利用JavaScript对DOM的操作,可以提高用户交互体验,实现更加动态和响应式的网页...

    javascript 表格操作

    - `tb_delete()` 函数利用`deleteRow()` 方法来删除表格中的行,无需额外参数。 ### 插入列:`insertColumn()` - 此函数首先检查表格是否包含表头,然后在表头的第一行和`tbody`的所有行中插入新列,同时更新列名和...

    JavaScript动态操作表格实例(添加,删除行,列及单元格)

    本文档主要介绍了如何使用JavaScript来动态操作HTML表格,包括添加、删除表格中的行、列以及单元格。以下是对文档中提及内容的知识点详细说明: ### 标题知识点 1. **JavaScript动态操作表格**:指利用JavaScript...

    JavaScript动态生成表格案例

    然后获取了表格元素及其 tbody 元素,通过 for 循环遍历数组中的每个学生,动态创建了表格的每一行和每个单元格,并将学生的信息填充到对应的单元格中。 最后,为每行的删除操作添加了点击事件处理程序。当用户单击...

    JS删除或者添加一行的代码

    JavaScript 动态添加或删除表格行 标题解释:JS 删除或者添加一行的代码,可以直接测试。 描述解释:该代码提供了 JavaScript 实现动态添加或删除表格行的功能,可以直接测试和应用。 标签解释:删除添加一行,指...

    js表格table的增删改

    通过 JavaScript,我们可以轻松地实现表格数据的添加、删除与修改等功能,这些功能对于提高用户交互体验非常重要。 #### 一、添加行(Add Row) 添加行通常是指在表格中增加新的数据行。例如,在上面提供的代码...

    javascript表格操作集锦

    在JavaScript中,表格操作是网页动态交互的...总之,JavaScript提供了强大的表格操作能力,允许开发者动态地创建、修改和删除表格内容,实现丰富的用户界面效果。熟练掌握这些技巧,能让你在网页开发中更加得心应手。

    javascript实现筛选、合并表格

    在JavaScript编程中,处理表格数据是一项常见的任务,尤其是在前端开发中。本篇文章将详细探讨如何利用JavaScript实现基于特定条件的筛选和单元格合并功能。首先,我们从筛选表格开始。 筛选表格是根据预设条件过滤...

    java中js代码删除input框

    标题“java中js代码删除input框”表明我们要讨论的是如何使用JavaScript来删除一个HTML中的input元素。在描述中提到,当用户点击“删除”按钮时,会触发一个JavaScript方法,这个方法将负责删除指定的input框。 ...

    Vue.js实现的表格增加删除demo示例

    在这个小demo中,我们可以学习到如何使用Vue.js来动态地增加和删除表格中的数据条目。 首先,Vue.js的核心特性之一就是数据绑定。在上面的代码中,我们使用了指令`v-model`来实现输入数据与Vue实例的数据属性之间的...

    js动态创建表格,删除行列的小例子

    以上就是通过JavaScript动态创建表格,以及删除表格中行列的基本过程和代码实现。掌握这些技能,能够极大地增强Web应用的交互性和用户体验。对于有志于学习前端开发的朋友来说,这些操作是必须熟练掌握的基础知识点...

Global site tag (gtag.js) - Google Analytics