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列表。 */
    }
相关推荐
西瓜树枝几秒前
用 iframe 实现前端批量下载的优雅方案 —— 从原理到实战
前端·javascript
coder_zhx几秒前
Vue3自定义编程式弹窗
前端·vue.js
归于尽1 分钟前
原生JS与React的事件差异
前端·javascript·react.js
不要进入那温驯的良夜2 分钟前
Vue.js技术归纳
前端
herogus丶19 分钟前
【Chrome】‘Good助手‘ 扩展程序使用介绍
前端·chrome
独立开阀者_FwtCoder22 分钟前
面试官:为什么在 Vue3 中 ref 变量要用 .value?
前端·javascript·vue.js
NetX行者25 分钟前
基于Vue 3的AI前端框架汇总及工具对比表
前端·vue.js·人工智能·前端框架·开源
独立开阀者_FwtCoder26 分钟前
手握两大前端框架,Vercel 再出手拿下 Nuxt.js,对前端有什么影响?
前端·javascript·vue.js
独立开阀者_FwtCoder26 分钟前
弃用 html2canvas!快 93 倍的截图神器!
前端·javascript·vue.js