提取非行间样式

最新推荐文章于 2024-09-30 18:55:14 发布

心清扬

最新推荐文章于 2024-09-30 18:55:14 发布

阅读量157

点赞数

分类专栏： javascript 文章标签： javascript 非行间样式

本文链接：https://blog.csdn.net/u011052072/article/details/79479860

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>提取非行间样式</title>
    <meta charset="utf-8">
    <style type="text/css">
    #div1 {
        width: 600px;
        height: 500px;
        background-color: red
    }
    </style>
    <script type="text/javascript">
    //获取单一样式（不能用于复合样式），不能设置
    function getCurrentStyle(obj, name) {
        if (obj.currentstyle) {
            //IE
            return obj.currentstyle[name];
        } else {
            //非IE
            return getComputedStyle(obj, false)[name];
        }
    }
    window.onload = function() {
        var oDiv = document.getElementById("div1")
        alert(getCurrentStyle(oDiv, "width"));
    };
    </script>
</head>
<body>
    <div id="div1">获取单一样式</div>
</body>
</html>