提取非行間樣式

<!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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章