js如何获取样式？

在某个项目中，我们经常会需要来获取某个元素的样式，比如说获取一个div的color；这样，新的问出现了，

var style = box.style.width;console.log(style);如果我们写的是行内的样式，可以轻松通过这种方式来获得所需要的样式，不过，如果我们的样式是内联或者外联样式，就取不到了；

 1 <script type="text/javascript">
 2 window.onload=function(){
 3 //获取行间样式
 4 var oDiv=document.getElementById("Div");
 5 alert(oDiv.style.background);
 6 
 7 //获取非行间样式 方法，currentStyle是IE中的属性，getComputedStyle是其他浏览器的方法（注意其有两个参数）；在非行间样式中，style属性只能去赋值，在行间样式中才能去获取样式；
 8 function getStyle(obj, attr) 
 9 { 
10 if(obj.currentStyle) 
11 { 
12 return obj.currentStyle[attr]; 
13 } 
14 else 
15 { 
16 return window.getComputedStyle(obj,false)[attr]; 
17 } 
18 } 
19 alert(getStyle(oDiv2,"background")) ; 
20 }
21 </script>