Javascript 检查子节点的样式

我有一个搜索工具，其中每个部分都有一个

标记标题。 在每个部分中，都有一个跨度，我用一个过滤器进行搜索，并显示它们或不显示它们。我遇到的问题是，我不确定如何在包装器中定位

标记并显示它

我正在考虑让另一个脚本查看元素，并检查孩子们的显示是否没有样式，尽管这似乎是一种野蛮的方法

这里有一个小例子。如果你搜索号码，列表过滤器会按它应该的那样显示，当然标题仍然存在。如果该部分中的列表为“空”或隐藏，则我要隐藏的是

标记。有什么建议吗

我可以做些什么，抓取parentNode的parentNode并检查样式吗

或者预访问抓取列表的（列表1、列表2、列表3），并在筛选搜索时还检查是否显示其子节点

函数搜索（）{
var输入、过滤器、内容、txtValue、列表；
输入=document.getElementById（“搜索输入”）；
filter=input.value.toUpperCase（）；
list=document.getElementById（“搜索列表”）；
content=list.getElementsByTagName（“span”）；
对于（i=0；i-1）{
content[i].parentNode.style.display=“”；
}否则{
content[i].parentNode.style.display=“无”；
}
}       
}
}

清单1
一
二
三
清单2
四
五
六
清单3
七
八
九

返回一个span元素

层次结构中的上一级是它的父级-按钮

另一个级别是按钮的父级-即div

从那里，h1标记是div的下一个子项，因此要访问它，可以使用

content[index].parentNode.parentNode.children[0]

content[index].parentNode.parentNode.children[0]