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列表。 */
    }
相关推荐
风叶悠然5 分钟前
vue3中数据的pinia的使用
前端·javascript·数据库
Jyywww12118 分钟前
Uniapp+Vue3 使用父传子方法实现自定义tabBar
javascript·vue.js·uni-app
李少兄19 分钟前
CSS clip-path:前端开发中的裁剪技术
前端·css
zhengxianyi51530 分钟前
使用码云gitee登录ruoyi-vue-pro——坑比较多
前端·vue.js·gitee·ruoyi-vue-pro优化·三方登陆
光影少年38 分钟前
React vs Next.js
前端·javascript·react.js
谢尔登39 分钟前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
天若有情67340 分钟前
【JavaScript】React 实现 Vue 的 watch 和 computed 详解
javascript·vue.js·react.js
OEC小胖胖41 分钟前
16|总复习:把前 15 章串成一张 React 源码主线地图
前端·react.js·前端框架·react·开源库
董世昌4143 分钟前
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
java·开发语言·前端
_OP_CHEN44 分钟前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签