1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 由于oDiv.style只能获取到行间样式，非行间样式需要用到currentStyle 9 <div id="div1"></div> 10 <style> 11 #div1{ 12 width: 100px; 13 height: 200px;/*单一样式或者简单样式*/ 14 background-color: darkslategray;/*复合样式*/ 15 border: 1px solid #DEDEDE;/*复合样式*/ 16 } 17 </style> 18 <script> 19 window.onload=function(){ 20 var oDiv1=document.getElementById("div1"); 21 alert(getStyle(oDiv1, "background")); 22 23 } 24 25 function getStyle(obj, name){ //无法获取复合样式 26 if(obj.currentStyle){ 27 return obj.currentStyle[name];//IE下可用 28 }else{ 29 return getComputedStyle(obj, false)[name];//ff和google可用 30 } 31 } 32 </script> 33 </body> 34 </html>