Element.getStyle - Prototype JavaScript 框架

Xunxin Prototype API

getStyle

getStyle(element, property) -> String | null

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

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

不论元素应用内联 CSS 样式,还是应用样式表中指定的样式,该方法均能查询到元素相应的 CSS 属性。对于样式属性 floatopacity(返回值界于 0 和 1 之间,0 表示完全透明,1 表示完全不透明)、位置属性(lefttoprightbottom)以及隐藏元素的尺寸(widthheight), 该方法的返回值在不同的浏览器上会有一些差别。

样例

$(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 属性。