使用Javascript

Question

我正在使用javascript并想要按一个按钮但是如果按钮是“display：none”那么我想跳过它。

所以目前我有这个代码：

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

现在作为示例，页面上可能有其他“input.buttons”设置为“display：none”，我想跳过这些并且只点击可见的。

我感谢任何建议。

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

在jquery中检查display: none是否正在使用子选择器（通常称为）:visible。

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