Javascript 没有显示任何内容_Javascript_Console

Javascript 没有显示任何内容

javascript

Javascript 没有显示任何内容,javascript,console,Javascript,Console,我不确定我是要彻底疯了，还是我的电脑出了问题下面我有一段简单的JavaScript，但当我在控制台上记录style对象时，它是完全空的。尽管所讨论的元素显然具有附加的样式，但这是事实 <!doctype html> <html> <head> <style> #para{ width: 100px; height: 100px; position: absolute;

我不确定我是要彻底疯了，还是我的电脑出了问题

下面我有一段简单的JavaScript，但当我在控制台上记录style对象时，它是完全空的。尽管所讨论的元素显然具有附加的样式，但这是事实

<!doctype html>
<html>
<head>

<style>

    #para{  
        width: 100px;
        height: 100px;
        position: absolute;
        left: 200px;
        top: 10px;
        border: 1px solid red;      
    }

</style>
</head>

<body>

    <div id="para" class="paraDiv">This is the div</div>

<script>
        window.onload = function(){
            var d = document.getElementById('para');    
            console.dir(d);
            console.log(d.style.top);
        }

</script>

</body>
</html>

style属性仅获取有关通过元素的style属性内联应用的样式的信息。它不包含任何关于从其他元素继承或在样式表中声明的样式的信息

相反，你想要，这会给你你想要的信息

console.log(getComputedStyle(para).top);

可能是重复的，我很傻。谢谢。是的，非常有帮助。当五分钟计时器用完时，我肯定会接受答案。谢谢你的快速帮助。