javascript获取网页元素的最终样式

    今天遇到个问题，用js获取网页元素的样式，如果直接用 document.getElementById(“idname”).style
获取的话，只能获取该元素的专有样式，即在该元素上直接用style=“”指定的样式，而无法获取由class设置的和从上级元素继承来的样式，也就是浏
览器生成dom后最终的样式，所以很头痛。网上搜索了一下，找到一个办法。

   　　
   　　
   　　div.special{
   　　 background-color:red;
   　　 height:50px;
   　　 width:50px;
   　　 margin:10px;
   　　}
  　　
  　　
  　　function getBackgroundColor()
  　　{
  　　 var oDiv=document.getElementById("div1");
  　　 alert(oDiv.currentStyle.backgroundColor||document.defaultView.getComputedStyle(oDiv,null).backgroundColor);
  　　}
  　　
  　　
  　　
  　　
  　　
      
  　　
  　　  

注意：oDiv.currentStyle.backgroundColor是IE使用的方法，document.defaultView.getComputedStyle(oDiv,null).backgroundColor是DOM使用的方法。

       内容来源：http://blog.tianya.cn/blogger/post_show.asp?BlogID=666817&PostID=7224874&idWriter=0&Key=0