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

【问题标题】：Test condition for visibility check in JavaScriptJavaScript中可见性检查的测试条件
【发布时间】：2011-04-23 16:03:03
【问题描述】：

我想知道是否有测试条件可以用来检查标签的可见性状态（隐藏或可见）。

我的意思是一个测试条件，可以和 if() 语句一起使用。

谢谢！

【问题讨论】：

你应该提到你在哪里使用 jQuery...无论如何 IIRC jQuery 在幕后制作的技巧，验证元素的“可见性”只是检查元素的 offsetWidth 和 @ 987654322@ 属性大于零 - 我认为有一些关于 tr 元素的怪癖 -...

【解决方案1】：

如果你使用的是 jQuery，那么：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

简单的解决方案是使用 jQuery 并执行 $('#id').is(':visible')。否则，您将编写一个无法正常工作且编码不佳的函数。

【讨论】：

【解决方案4】：

如果你使用 jQuery，那就很简单了：

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

【讨论】：