javascript - 如何在 JavaScript 中快速检测元素是否不可见？

Question

过去我们使用 CSS 属性“display”来显示和隐藏 DOM 元素。要检查元素是否可见，我们可以使用:

element.offsetWidth > 0

由于我们在使用 Flash 和 Java Applets 时遇到了一些问题(它们在显示时停止:无)我们切换到 CSS 属性“visibility”。

我现在正在寻找一种快速简便的方法来检查元素是否不可见。

我尝试了以下方法:

• 检查元素和所有父项的属性本身 => 太慢
• 直接从浏览器检查计算出的样式(element.currentStyle 或 window.getComputedStyle() 加上 getPropertyValue(style property))=> 也太慢了

您知道查看元素是否可见的任何其他方法或快捷方式吗？

Answer 1

使用 JQuery，你可以做到这一点

var isVisible = $('#foo').is(':visible');