如何用JavaScript将fht-cell内无标识34px高度的div设为0高度

• 匹配规则说明
  • 父元素为所有带fht-cell类的div容器
  • 目标子元素为直接子节点中，设置了内联样式height: 34px的div
  • 带filterControl类的子div因为无对应34px内联高度，会被自动排除，不会误改
• 旧方案缺陷修正
  替换了之前仅取children[0]、只修改第一个目标节点的写法，通过全量遍历的方式覆盖所有符合条件的元素，不会出现漏改

可直接复用的JavaScript实现代码

// 选取页面上所有fht-cell类的容器节点
const cellNodes = document.querySelectorAll('.fht-cell');

cellNodes.forEach(node => {
  // 遍历每个容器下的所有直接子元素，不做仅取第一个的限制
  Array.from(node.children).forEach(childNode => {
    // 精准匹配：是div元素、内联样式高度恰好为34px
    if (
      childNode.tagName.toLowerCase() === 'div' &&
      childNode.style.height === '34px'
    ) {
      childNode.style.height = '0px';
    }
  })
})

补充使用说明 #

• 代码完全适配你给出的真实DOM结构，不需要给目标元素额外添加class或id，依靠现有结构特征就能完成精准定位
• 如果是异步动态渲染的DOM内容，需要在对应区块完全渲染完成后再执行这段脚本，避免匹配不到节点
• 若DOM是实时动态插入的，可以搭配MutationObserver监听DOM节点变化，自动触发匹配逻辑，确保后续新生成的符合条件的节点也会被处理

内容的提问来源于stack exchange，提问作者Dashamlav