获得css元素中的计算样式(层叠之后/最终样式)

当前位置 : 首页 > 网页制作 > 心得技巧 > 获得css元素中的计算样式(层叠之后/最终样式)

获得css元素中的计算样式(层叠之后/最终样式)

来源:互联网 作者:脚本宝典 时间:2015-09-04 14:52
要获得css元素中的计算样式(即经过层叠之后,最终的样式),支持W3C的浏览器可以使用document.defaultView.getComputedSyle方法。 该方法接受两个参数,第一个参数为要获得样式的元素,第二个参

要获得css元素中的计算样式(即经过层叠之后,最终的样式),支持W3C的浏览器可以使用document.defaultView.getComputedSyle方法。 
该方法接受两个参数,第一个参数为要获得样式的元素,第二个参数为一个伪元素字符串(例如:":after",如果没有,就置为null)。 
该方法返回一个StyleSheetDeclaration对象,在通过该对象的getPropertyValue(propertyName)获得最终的样式属性值。注意,这里的proprtyName为wrold-world类型(如: background-color)。 
而IE中使用element.currentStyle[propertyName]方法,注意这里的propertyName为worldWorld类型(如:backgroundColor)。

Tag:
网友评论

<