Element.getStyle - Prototype JavaScript 框架

getStyle(element, property) -> String | null

返回 element 的指定 CSS 属性值。property 可以用标准的 CSS 名称指定，也可以使用 camelized 命名方式指定（译注：例如 CSS 属性 border-width 可以用 border-width 指代，也可用 borderWidth 指代）。

译注：其实该方法等同于 DOM 中 element.style.xxx 系列属性。

不论元素应用内联 CSS 样式，还是应用样式表中指定的样式，该方法均能查询到元素相应的 CSS 属性。对于样式属性 float、 opacity（返回值界于 0 和 1 之间，0 表示完全透明，1 表示完全不透明）、位置属性（left、 top、right 和 bottom）以及隐藏元素的尺寸（width 或 height）， 该方法的返回值在不同的浏览器上会有一些差别。

样例

$(element).getStyle('font-size');
// 等同于：
$(element).getStyle('fontSize');
// -> '12px' 

注意

Internet Explorer 直接返回其相应的 CSS 样式属性值，而其它的浏览器返回计算后的值，请看下面的 HTML 片断：

<style>
	#test { font-size: 12px; margin-left: 1em; } 
</style>
<div id="test"></div> 

$('test').getStyle('margin-left'); 
// -> 在 IE 上返回 '1em' 
// -> 其它浏览器上返回 '12px'

如果元素被隐藏（display 属性为 'none'），并且查询的属性不是内联属性，Safari 将返回 null。

该方法并不支持所有的 CSS 属性，或许你仅能够使用在 文档对象模型（DOM）级别 2 样式规范 中描述的 CSS 属性。