使用样式过滤js查询

Question

我有一个html表元素，我隐藏了所有tr，我想用这个查询获取所有hide tr元素：

document.querySelectorAll("tr[style='display: none']");

但是这个查询返回一个空列表，我不明白为什么。我的选择是错误的还是不可能得到这样的tr元素？

提前感谢

Answer 1

document.querySelectorAll('tr[style*="display: none"]');

Answer 2

你的选择对我来说是对的。无论如何，它将检索与style属性完全匹配的所有TR元素。 例如：

<tr style='display: none'>[...]</tr>

可以，但

<tr style='display: none; background-color: red'>[...]</tr>

将无法检索。

请考虑在相关标签中添加课程

Answer 3

如果您的元素有多个样式，您可以使用：

var elements = [];
var temp = document.querySelectorAll('tr[style]');
for (var i = 0; i < temp.length; i++) {
    if (temp[i].style.display == 'none')
        elements.push(temp[i]);
}