html table tbody deleteRow有残留?

html table tbody deleteRow有残留?

问题描述:这个问题描述的是在使用 HTML 的 deleteRow 方法从一个 tabletbody 中删除行时,表格中仍然存在某些行。

参考方法1:表格移除多行的时候, 移除行数字索引顺序要从大到小, 而不能从小到大。

参考代码如下:

javascript 复制代码
    function _updateTable () {
      const _billPageTableId = 'bill_data_table';
      const _billPageTableRowTag = 'billPageTr';
      let tableElement = document.getElementById(_billPageTableId).getElementsByTagName('tbody')[0];

      /** 移除旧的tr列表 ( 注: 表格移除多行的时候, 移除行数字索引顺序要从大到小, 而不能从小到大 ) 。 */
      var elements = document.getElementsByClassName(_billPageTableRowTag);
      // console.log('elements.length', elements.length);
      for (let i = elements.length - 1; i >= 0; i--) {
        // elements[i].parentNode.removeChild(elements[i]);
        document.getElementById('bill_data_table').deleteRow(i);
      }

      /** TODO: 添加新的tr列表。 */
    }
相关推荐
糕冷小美n19 小时前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
小哥不太逍遥19 小时前
Technical Report 2024
java·服务器·前端
沐墨染19 小时前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
anOnion19 小时前
构建无障碍组件之Disclosure Pattern
前端·html·交互设计
threerocks19 小时前
前端将死,Agent 永生
前端·人工智能·ai编程
问道飞鱼20 小时前
【前端知识】Vite用法从入门到实战
前端·vite·项目构建
爱上妖精的尾巴20 小时前
8-10 WPS JSA 正则表达式:贪婪匹配
服务器·前端·javascript·正则表达式·wps·jsa
shadow fish21 小时前
react学习记录(三)
javascript·学习·react.js
小疙瘩21 小时前
element-ui 中 el-upload 多文件一次性上传的实现
javascript·vue.js·ui
Aliex_git1 天前
浏览器 API 兼容性解决方案
前端·笔记·学习