取非行间样式
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>