如何阅读DIV的最高保证金

Question

这是我的代码

<script>
function showin(box) {

       cur = parseInt(document.getElementById(box).style.marginTop);
       alert(cur);
    }
 showin('child');

</script>

<div id="parent" class="parent">
    <div id="child" class="child" style="margin-top:-10px;">
    </div>
</div>

为什么没有给我任何警报消息？

Answer 1

它不起作用，因为您在DOM准备就绪且可以计算边距之前调用了它。

您应该改为：

function showin(box) {
   cur = parseInt(document.getElementById(box).style.marginTop);
   alert(cur);
}
window.onload = function() { 
   showin('child'); 
}

Answer 2

您是在创建DOM之前调用该函数的，

如果您使用的是jQuery，请尝试包装showin（'child'）;。 在准备好的文档中：

$(document).ready(function(){
  showin('child');
});

这将等到所有内容创建完成

编辑：或使用window.onload :)

Answer 3

尝试这个：

<script>
    function showin(box) {
        cur = parseInt(document.getElementById(box).style.marginTop);
        alert(cur);
    }
    window.onload = function(){
        showin('child');
    }
</script>

<div id="parent" class="parent">
    <div id="child" class="child" style="margin-top:-10px;">
    </div>
</div>

由于您尝试在HTML上方运行showin javascript函数，因此在运行javascript时，尚未渲染div＃child。

您必须了解一下window.onload

Answer 4

那是因为您的脚本在窗口准备好之前执行，并且没有获取您已传递的元素并引发错误。 此错误会导致执行中断和javascript中断。 请谷歌为Jquery的$ {document）.ready方法了解更多