Проверьте, нет ли отображения с помощью Javascript

Question

Я использую javascript и хочу нажать кнопку, однако, если кнопка «display: none», то я бы пропустил ее.

Так в настоящее время у меня есть этот код:

var sf = document.querySelectorAll(input.button")[0]; 

Теперь в качестве примера может быть и другим «input.buttons» на странице, которые установлены не на «дисплей: нет», я хотел бы, чтобы пропустить эти и нажмите только на видимый.

Я ценю любые советы.

Answer 1

var sf = document.querySelectorAll(input.button")[0];

Существует проблема выше утверждения. document.querySelectorAll(input.button")[0] возвращает пустой массив, если вы хотите, чтобы выбрать входную кнопку типа используют следующие

var sf = document.querySelectorAll("input[type='button']");  // array of button 
var sf = document.querySelectorAll("input[type='button']").[0]; // first index element 

предположит, что вы sf is an array

for (var i = 0; i < sf.length; i++) { 
    if (sf[i].style.display != "none") { 
     console.log(elem[i]) 
    } 
} 

Answer 2

Для проверки на наличие display: none в jquery используются подселектора (обычно называемые) :visible.

if(document.getElementById("id").is(':visible')){ 
// YES, ITS WORKING..! 
}