js获取非行间样式

最新推荐文章于 2023-04-10 21:58:30 发布

凉城以北夜微凉

最新推荐文章于 2023-04-10 21:58:30 发布

阅读量298

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/hello_mujinhua/article/details/73198867

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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.οnlοad=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兼容火狐。

凉城以北夜微凉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取非行间样式

#div1{ width:100px; height:100px; background-color: red; } window.onload=function(){ var oDiv=document.getElementById("div1"); cons
复制链接

扫一扫