一、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
样式属性仍然采用驼峰命名方法。