Home/ Questions/Q 6066247
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T09:28:49+00:00

<script> var divBgTop=0; function initDivTop() { divBgTop=document.getElementById(divBg).style.pixelTop; alert(divBgTop); } </script> <style> .divBgCss { position:absolute;

  • 0
<script>
        var divBgTop=0;
        function initDivTop()
        {
                divBgTop=document.getElementById("divBg").style.pixelTop;
                alert(divBgTop);
        }
</script>
<style>
.divBgCss
{
        position:absolute;
          left:100px;
    top:100px;
    width:100px;
    height:100px;
        background-color:red;
}
</style>
<body onload="initDivTop()">
<div class="divBgCss" id="divBg"></div>
</body>

the result is always 0. why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you’re after is the offsetTop:

    divBgTop=document.getElementById("divBg").offsetTop;

    Without specifying the unit, you will not get 0 but rather something else but not 100 – you better add unit like px so you won’t get wrong results when using the code.

    Live test case: http://jsfiddle.net/A9Mr2/1/

    • 0