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列表。 */
    }
相关推荐
mCell17 小时前
如何零成本搭建个人站点
前端·程序员·github
mCell18 小时前
为什么 Memo Code 先做 CLI:以及终端输入框到底有多难搞
前端·设计模式·agent
恋猫de小郭18 小时前
AI 在提高你工作效率的同时,也一直在增加你的疲惫和焦虑
前端·人工智能·ai编程
少云清18 小时前
【安全测试】2_客户端脚本安全测试 _XSS和CSRF
前端·xss·csrf
萧曵 丶18 小时前
Vue 中父子组件之间最常用的业务交互场景
javascript·vue.js·交互
银烛木18 小时前
黑马程序员前端h5+css3
前端·css·css3
m0_6070766018 小时前
CSS3 转换,快手前端面试经验,隔壁都馋哭了
前端·面试·css3
听海边涛声18 小时前
CSS3 图片模糊处理
前端·css·css3
IT、木易18 小时前
css3 backdrop-filter 在移动端 Safari 上导致渲染性能急剧下降的优化方案有哪些?
前端·css3·safari
0思必得018 小时前
[Web自动化] Selenium无头模式
前端·爬虫·selenium·自动化·web自动化