Javascript获取某个DOM节点/对象的最终颜色、背景色、字符大小等样式值

前言：

一个Dom节点的最终样式取决于应用在其上的具有最高优先级（greatest weight）的样式定义。我们知道级联样式有多重优先级 (参考W3官方定义，第6.4节)，比如： 内联Inline>ID>Class>Tag

 

正文：

请看代码：

http://jsfiddle.net/lanshunfang/dyMxM/

小方的jsfiddle里的这段代码清楚的显示出，通过调用

window.getComputedStyle

我们可以得出应用在某个具体元素上的最终CSS样式值。

window.getComputedStyle 在IE上变体为：

node.currentStyle

请小心其使用方法 （示例）

 

 

---

参考：

http://www.w3.org/TR/CSS21/cascade.html

http://www.quirksmode.org/dom/getstyles.html

http://stackoverflow.com/questions/9430659/how-to-get-all-the-applied-styles-of-an-element-by-just-giving-its-id

http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply-to-an-element