实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box{width:100px;height:250px;background-color:pink;position:absolute;left:100px;} </style> </head> <body> <div id="box" style="left:200px;"></div> </body> <script> var box = document.getElementById('box'); //alert(box.style.left); //获取计算后样式 标准浏览器兼容 // var css = document.defaultView.getComputedStyle(box); // alert(css.width); // alert(css.backgroundColor); //IE支持获取的方式 //var css = box.currentStyle; //alert(css.height); // if(box.currentStyle){ // //IE // var css = box.currentStyle; // }else{ // var css = document.defaultView.getComputedStyle(box); // } var css = box.currentStyle || document.defaultView.getComputedStyle(box); alert(css.backgroundColor); </script> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例