JavaScript读取元素的样式style、getComputedStyle()、currentStyle

style方法

style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式获，取不了外部的样式，即这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。

注意：currentStyle属性和getComputedStyle属性不能设置属性,只能获取！！！

getComputedStyle()方法

getComputedStyle()属于window对象下的一个方法，用于获取元素的样式属性。Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行索引来访问。语法

document.defaultView.getComputedStyle(element[,pseudo-element]);  

（备注）defaultView：在许多在线的演示代码中, getComputedStyle 是通过 document.defaultView 对象来调用的。 
大部分情况下，这是不需要的， 可以直接通过 window 对象调用。但有一种情况&#x