2

可能重复：
使用 JavaScript 获取 CSS 值

你能告诉我为什么我在加载页面时无法获取这些 CSS 属性吗？

jsFiddle 上的代码

javascript：

function aviso(){
    alert("top: "+document.getElementById("divRojo").style.top);
    alert("position: "+document.getElementById("divRojo").style.position);
}

HTML：

<html>
    <head>
        <style type="text/css">
            #divRojo {
                width:100px;
                height:100px;
                background:red;
                left:200px;
                top:200px;
                position:static;
        }
    </style>
</head>

<body onload="aviso()">
    <div id="divRojo">
        Div Rojo
    </div>
</body>

</html>

提前致谢

4

1 回答 1

2

这是因为该DOMElement.style属性包含内联样式——它不包含通过 CSS 应用的样式规则。

用于getComputedStyle获取应用的样式：

var el = document.getElementById("divRojo");
alert(window.getComputedStyle(el).top);
alert(window.getComputedStyle(el).position);

JSFiddle

于 2012-11-22T01:09:59.513 回答