[javascript]获取非行间样式及其兼容性解决 

 1 <script>
 2 function getStyle(obj,name){
 3     if(obj.currentStyle){
 4         return obj.currentStyle.name;  //IE7,IE8
 5     }
 6     else{
 7         return getComputedStyle(obj,false)[name];   //FF,chrome,IE9 
 8     }
 9 }
10 window.onload = function(){
11     var oDiv = document.getElementById('div1');
12 
13      alert(getStyle(oDiv,width));
14 
15 }
16 
17 </script>
18 
19 <body>
20 <div id = "div1" ></div>
21 </body>

 

注意：此方法不能适用于复合样式，例如background,border等，如要获取背景颜色可以使用backgroundColor。

posted @ 2015-11-18 12:49  takochan  阅读(229)  评论(0)  编辑  收藏  举报