visible

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