获取元素样式的几种方法

一、DOM.style.xxx

一般我们获取某一个元素样式时,采用的方法时dom.style.xxx的方式,这种方法存在一个弊端,就是无法获取外联样式,我们无法得到想要的信息。

二、getComputedStyle()

getComputedStyle()是DOM标准的全局方法,获取的是最终元素的样式。语法如下:

getComputedStyle(obj, null)[xxx]
getComputedStyle(obj, null)[marginLeft]

样式属性名称采用驼峰命名。

可能有人觉得驼峰命名看起来不习惯,没关系,还有一个方法可以改变——getPropertyValue(),它必须和getComputedStyle一起使用。

getComputedStyle(obj, null).getPropertyValue("margin-left")

样式属性完全和CSS一样。

三、currentStyle

getComputedStyle方法虽然很好,但是IE就是不支持。。。不过IE也提供一个方法,但不是全局方法,是作为DOM元素的属性存在的。

DOM.currentStyle.xxx
DOM.currentStyle.marginLeft

样式属性仍然采用驼峰命名方法。