a-ling

导航

取非行间样式 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>取非行间样式</title>
 6         
 7         <style>
 8             #div1{
 9                 width:200px;
10                 height:200px;
11                 background:red;
12             }
13         </style>
14     </head>
15     <body>
16         <div id="div1"></div>
17         <script>
18             var oDiv = document.getElementById('div1');
19 
20 //            alert(getStyle(oDiv,'width'));
21             
22             
23             function getStyle(obj,name){
24                 if(obj.currentStyle){
25                     return obj.currentStyle[name];
26                 }else{
27                     return getComputedStyle(obj,false)[name];
28                 }
29             }
30         </script>
31     </body>
32 </html>

 

posted on 2017-04-12 16:40  a-ling  阅读(113)  评论(0)    收藏  举报