封装返回当前样式的函数

最新推荐文章于 2020-11-21 10:49:16 发布

python基础教程

最新推荐文章于 2020-11-21 10:49:16 发布

阅读量557

点赞数

分类专栏： 01前端基础教程html_css_js

本文链接：https://blog.csdn.net/stopcpp/article/details/52871905

版权

01前端基础教程html_css_js 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

得到css样式
obj.style获取的是行内样式，即style属性中的值。
obj.currentStyle外部（使用）和内嵌(使用

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #demo{
            width: 100px;
            height: 200px;
            padding: 5px;
            margin: 10px;
            position: absolute;
            left: 15px;
            top: 20px;
            background-color: pink;
            z-index: 2;
        }
    </style>
</head>
<body>
    <div id="demo"></div>
</body>
</html>
<script>
    var demo = document.getElementById("demo");
    function getStyle(obj,attr){
        if(obj.currentStyle){ //ie
            return obj.currentStyle[attr];
        }else{
            return window.getComputedStyle(obj,null)[attr]; // w3c
        }
    }
    console.log(getStyle(demo,"padding"));
</script>