刚刚来到博客园！先分享一点初级的知识吧！
在学习javascript中，很多人对获取DOM元素的CSS样式感到很困惑，因为，对于行级样式，我们可以通过很简单的访问style属性就可以了得到，而对于<style>……</style>标签中定义的CSS样式和通过<link>载入的外部样式表，我们就无法用style属性访问得到，而且使用getAttribute()方法也无法获取到。以前在网上搜索了很久，其解决方案都不尽完美，回头通过自己查阅各种书籍，算是找到了比较完美的解决方法。
我们可以通过访问通过计算的CSS样式对象来获取CSS样式！但是这里存在一个IE和非IE浏览器的兼容性问题（Opera和IE的行为在这里是一致的，但是Opera也支持非IE方法）。
在IE和Opera中，currentStyle对象中存储着DOM元素通过计算后的CSS样式。
通过计算后的样式是指元素最终在浏览器中呈现出来的样式。
例如：有一个<p id="myp">……</p>标签,我们在外部样式表中有这样的定义：
*{ margin:0px; padding:0px;}
…… ……
#myp{ margin:15px;}
…… ……
p{ padding:5px;}
那么，我们通过javascript获取计算后的CSS样式应该是这样的（IE、Opera）：
var P=window.document.getElementById("myp");
alert(P.currentStyle["margin"]); // 15px
alert(P.currentStyle["padding"]); // 5px
我们可以看出，在计算后的样式即是所有与之有作用的样式效果的叠加值，首先是一个全局定义将所有元素的内外边距全部清除，然后又通过ID选择器设置了P的外边距，然后又有一个对所有p标签的内边距定义，然而我们获得的CSS样式是这些定义的叠加值。
在IE（也包括Opera的大部分版本），我们可以通过DOMObject.currentStyle["cssName"]来获取CSS样式。
在非IE中，情况就复杂一些了，这些遵循W3C标准的主流浏览器中，要通过document.defaultView.getComputedStyle(DOMObject,null)["cssName"]来获取CSS样式。
getComputedStyle()方法接收2个参数，第一个是要查询CSS样式的对象，第二个是伪元素（不是伪类，传入":hover"是不行的，但我们实际上通常不需要获取伪元素的样式，所以为null），这个方法会返回该查询对象的计算样式对象，然后访问对象中的CSS属性就可以得到CSS样式了。
以上面的例子为例吧：
var P=window.document.getElementById("myp");
alert(window.document.defaultView.getComputedStyle(P,null)["margin"]); // 15px
alert(window.document.defaultView.getComputedStyle(P,null)["padding"]); //5px
如果我们要兼容这两种方法，我们首先要创建一个对象：
var cssObj={};
添加一个能力检测。
var cssObj={
_ifDefaultView:window.document.defaultView&&window.document.defaultView.getComputedStyle?true:false,
};
然后添加我们的getCSS方法。
var cssObj={
_ifDefaultView:window.document.defaultView&&window.document.defaultView.getComputedStyle?true:false,
getCSS:(function(window){
var document=window.document;
if(cssObj._ifDefaultView){
return function(DOMObj,cssName){
return document.defaultView.getComputedStyle(DOMObj,null)["cssName"];
};
}else{
return function(DOMObj,cssName){
return DONObj.currentStyle["cssName"];
};
};
})(window)
};
到此，我们只要调用cssObj.getCSS()方法就可以获得CSS样式了，但是，这依然不够完美！甚至还没有办法在实际开发中使用！
由于篇幅关系，我重新再接着写一篇吧！