js获取非行间样式

来源:互联网 发布:私有属性 js velocity 编辑:程序博客网 时间:2024/05/16 04:15
<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        #div1{            width:100px;            height:100px;            background-color: red;        }    </style></head><body><div id="div1" style="color:#fff;"></div><script type="text/javascript">   window.onload=function(){     var oDiv=document.getElementById("div1");        console.log(getStyle(oDiv,'width'));   }   function getStyle(obj,attr){    if(obj.currentStyle){        return obj.currentStyle[attr];    }else{        return getComputedStyle(obj,false)[attr];     }   }</script></body></html>//getStyle函数有两个参数,第一个obj为要获取的对象,第二参数attr为属性,并且做了兼容处理,currentStyle兼容IE浏览器,getComputedStyle兼容火狐。

原创粉丝点击