Как выбрать все querySelectorAll("table tr") кроме тех у кого стить display:none?

Question

[Алексе Пономарев]

Есть код
var rows = document.querySelectorAll("table tr");
который ищет все строки и работает он хорошо, но некоторые строки в таблице меняют свой display на none. и нужно что бы этот querySelectorAll("table tr") их не видел. Подскажите пожалуйста как поставить ему условие

Answer 1

[Алексе Пономарев]

const selector = 'table tr:not([style*="display:none"]):not([style*="display: none"])';
	var rows = document.querySelectorAll(`${selector}, ${selector} *`);

получилось так

Comments

[Сергей delphinpro]

let rows = [...document.querySelectorAll('table tr')]
    .filter(el => el.style.display !== 'none');

Answer 2

[Rsa97]

Фильтровать по свойству style.display.
А вообще, подход не самый правильный. Лучше добавлять элементу класс (например, hidden) и уже в css ставить display: none для этого класса. Тогда выбирать можно будет через псевдоселектор :not.