Element.visible - Prototype JavaScript 框架

visible(element) -> Boolean

返回 Boolean 值，指示 element 是否可见（即判断元素内联的 style 属性是否设置为 "display:none;"）。

样例

<div id="visible"></div> 
<div id="hidden" style="display:none;"></div> 

$('visible').visible(); 
// -> true 
$('hidden').visible();
// -> false 

注意

该方法忽略 CSS 样式表对元素的影响，这不是 Prototype 的限制，而是 CSS 规则的限制。
译注：通过在 <style> 标签或外部样式表中定义 CSS 属性来隐藏元素，visible 方法将无法做出准确的判断（即该方法只关注内联的或通过 Javascript 设置的 CSS 属性）。

<style> 
	#hidden-by-css { display: none; } 
</style>

[…] 

<div id="hidden-by-css"></div>

$('hidden-by-css').visible(); 
// -> true