Javascript 为什么我能'；加载页面时是否无法获取这些css属性？_Javascript_Html_Css

Javascript 为什么我能'；加载页面时是否无法获取这些css属性？

javascript html css

Javascript 为什么我能'；加载页面时是否无法获取这些css属性？,javascript,html,css,Javascript,Html,Css,可能重复：你能告诉我为什么我加载页面时无法获得这些css属性吗 javascript： function aviso(){ alert("top: "+document.getElementById("divRojo").style.top); alert("position: "+document.getElementById("divRojo").style.position); } HTML: <html> <head>

可能重复：

你能告诉我为什么我加载页面时无法获得这些css属性吗

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>


#迪夫罗霍{
宽度：100px；
高度：100px；
背景：红色；
左：200px；
顶部：200px；
位置：静态；
}
罗霍分区

提前感谢

这是因为

doElement.style

属性包含内联样式——它不包含通过CSS应用的样式规则

用于获取应用的样式：

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