首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从一个div中获取其他输入中的可见行,并删除css隐藏的所有其他行

从一个div中获取其他输入中的可见行,并删除CSS隐藏的所有其他行,可以通过以下步骤实现:

  1. 首先,使用JavaScript获取到包含所有行的div元素。可以使用document.getElementById()或document.querySelector()方法来获取该div元素。
  2. 接下来,使用JavaScript获取到该div元素中的所有行元素。可以使用divElement.getElementsByTagName()方法来获取所有行元素。
  3. 遍历所有行元素,判断每一行是否可见。可以使用CSS的getComputedStyle()方法来获取每一行元素的计算样式,然后通过判断display属性是否为"none"来确定行是否可见。
  4. 如果行是可见的,则将其保留;如果行是隐藏的,则将其从div中移除。可以使用行元素的parentNode属性来获取其父节点(即div元素),然后使用parentNode.removeChild()方法将隐藏行从div中删除。

以下是一个示例代码:

代码语言:txt
复制
// 获取包含所有行的div元素
var divElement = document.getElementById("yourDivId");

// 获取div元素中的所有行元素
var rowElements = divElement.getElementsByTagName("div");

// 遍历所有行元素
for (var i = 0; i < rowElements.length; i++) {
  var rowElement = rowElements[i];
  
  // 获取行元素的计算样式
  var computedStyle = window.getComputedStyle(rowElement);
  
  // 判断行是否可见
  if (computedStyle.display !== "none") {
    // 行是可见的,保留
    continue;
  } else {
    // 行是隐藏的,从div中移除
    rowElement.parentNode.removeChild(rowElement);
  }
}

这样,你就可以从一个div中获取其他输入中的可见行,并删除CSS隐藏的所有其他行了。

请注意,以上代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改和调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券