Javascript访问css样式信息

DOM2级样式为style对象定义了一些属性和方法,可以通过这些方法属性来访问或者修改元素的样式信息:

1、cssText:可读写,在读的情况下以字符串形式返回元素的css代码,在写的情况下以字符串形式重写整个元素的css代码
2、length:返回当前元素应用的css属性数量。
3、parentRule:返回表示css信息的CSSRule对象
4、getPropertyCSSValue(propertyName):返回给定样式属性的CSSValue类型值
5、getPropertyPriority(propertyName):如果当前给定的样式属性使用了!important,则返回”important”,反之返回空字符串
6、getPropertyValue(propertyNamee):以字符串形式返回给定属性的值 item(index):返回给定位置的CSS属性的名称
7、removeProperty(propertyName):删除给定属性
8、setProperty(propertyName, value,priority):将给定的属性设置相应的值,如果需要表示优先,那么在priority位置添加important字符串

在DOM2级中为style对象定义的方法和属性是无法获取到从其他样式叠层应用的样式信息,DOM2级样式增强 document.defaultView,提供了getComputedStyle计算方法。这个方法接受两个参数,要计算的元素和一个伪元素字符串(如:”:after”)。这个方法可以获取任何通过叠层应用来的样式信息。但是返回的任何结果只能读不能写,因为这些信息是已经计算的结果。 IE不支持getComputedStyle()方法,但是IE有一个类似的方法实现的,这个方法定义在IE浏览器style对象里面的currentStyle属性。这个属性放回一个包含当前元素全部计算过后的样式信息。

文档信息