JavaScript中可见性检查的测试条件

Question

我想知道是否有一种测试条件可以检查标记的可见状态（隐藏或可见）。我指的是可以与if（）语句一起使用的测试条件。谢谢！

- Anant

---

你应该提到你在使用jQuery... 无论如何，如果我没记错的话，jQuery在幕后实现的技巧，用于验证元素的“可见性”，就是检查元素的 offsetWidth 和 offsetHeight 属性是否大于零 - 对于一些 tr 元素有一些怪癖... - Christian C. Salvadó

Answer 1

如果你正在使用jQuery，则：

$('#id').is(':visible');

- Jarrett Widman

---

具有visibility: hidden或opacity: 0属性的元素被视为可见 (http://api.jquery.com/visible-selector/)。 - Manuel Bitto

Answer 2

如果您不使用jQuery，这个简单的javascript条件应该可以工作：

if(document.getElementById("elementId").style.visibility=="visible"){
    // do something
}

- ascanio

Answer 3

简单的解决方案是使用jQuery并执行$('#id').is(':visible')。否则，您将编写一个不太好用且代码不够优美的函数。

- meder omuraliev

Answer 4

如果您使用jQuery，那么非常容易：

if ($(SELECTOR).is(":visible")) {
  // do amazing things
}

- Julio Santos