function getStyle(obj,name) { //ie获取样式信息 if(obj.currentStyle) { return obj.currentStyle[name] } //其他浏览器获取样式信息 else { return getComputedStyle(obj,false)[name] } }
网上关于getComputedStyle的介绍第二个参数应该设置为null,不过试了是false也是可以的
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>getStyle Demo</title> <style type="text/css"> .div{ display: block; } </style> </head> <div id="div"><p>文字</p></div> <body> <script type="text/javascript"> function getStyle(obj,name) { //ie获取样式信息 if(obj.currentStyle) { return obj.currentStyle[name] } //其他浏览器获取样式信息 else { return getComputedStyle(obj,false)[name] } } var div1=document.getElementById("div"); console.log(getStyle(div1,"display")); </script> </body> </html>
。