今天做封装一个库的时候发现：想获取节点的CSS属性，如果没有写行内style样式，而是通过link写的，我们在javascript里想要通过.style.属性，是获取不到的。
在网上查找了一下，W3C下提供了一个方法：window.getComputedStyle()可以得到节点的计算后样式，该方法有两个参数，第一个是要所要获取的样式的节点，第二个参数不知道是什么作用，网上给出的例子都将设置成null；即是这样调用的：window.getComputedStyle(node,null)，其返回值为一个对象，为计算后的样式的属性值对的集合。
但是IE浏览器中不支持该方法，不过在IE中，元素节点有一个属性对应的也是该节点计算后的方法，例如，在IE中节点node计算后的样式为：node.currentStyle，该属性是一个对象，也是计算后的样式的属性值对的集合。为了兼容性我们可以将其封装改写一下，提供一个统一的方法getCurrentStyle(node)
给出示例：
// 参数node：将要获取其计算样式的元素节点 function getCurrentStyle(node) { var style = null; if(window.getComputedStyle) { style = window.getComputedStyle(node, null); }else{ style = node.currentStyle; } return style; }
以下代码是获取其中div的display的样式属性值：
1 <div id="div">div节点</div>
2 3 4 <script> 5 var div = document.getElementById("div"); 6 var style = getCurrentStyle(div); 7 var display = style["display"]; 8 9 alert(display); // 输出：block 10 </script>