window.getComputedStyle

window.getComputedStyle(元素，伪类)

用于获得元素最终使用的css属性值，返回一个实时的 CSSStyleDeclaration，只读。

var dom = document.getElementById("test"),
    style = window.getComputedStyle(dom);

getComputedStyle与style的区别：

• getComputedStyle读取的结果是只读的，
  而el.style可以用于设置元素样式

• getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象
  而el.style只能获取元素style属性中的CSS样式

另外还有IE中支持的elcurrentStyle，返回元素最终的所有属性，包括外链和style标签中的样式。

---

以上三种方法都会返回CSSStyleDeclaration对象，表示一个CSS属性键值对的集合。这个对象拥有以下属性与方法：

• 属性：
  
  • cssText：文本内容，可以提供样式字符串来设定样式
  • length：属性的数量
• 方法：
  
  • getPropertyValue(属性名)：获取属性值
  • removeProperty()
  • setProperty()

---

总结
与jQuery这种库相比，getComputedStyle最优秀的用途就是可以获取伪类元素样式。