<转> js用currentStyle和getComputedStyle获取css样式（非行间）_轩逸云_新浪博客

用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例：

[html] view plain copy

1. <</span>html xmlns="http://www.w3.org/1999/xhtml">  
2. <</span>head>  
3. <</span>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
4. <</span>title>js用currentStyle和getComputedStyle获取css样式</</span>title>  
5. <</span>style type="text/css">  
6. #div1{width:100px; height:100px; background:red;}  
7. </</span>style>  
8. <</span>script type="text/javascript">  
9. function getStyle(obj, attr)  
10. {  
11.     if(obj.currentStyle)  
12.     {  
13.         return obj.currentStyle[attr];  
14.     }  
15.     else  
16.     {  
17.         return getComputedStyle(obj,false)[attr];  
18.     }  
19. }  
20. window.onload=function()  
21. {  
22.     var oDiv=document.getElementById('div1');  
23.     alert(getStyle(oDiv,'width'))  
24. }  
25. </</span>script>  
26. </</span>head>  
27.    
28. <</span>body>  
29. <</span>div id="div1"></</span>div>  
30. </</span>body>  
31. </</span>html>