Eigenschap offsetTop

De eigenschap offsetTop bevat de offset van het element vanaf de bovenkant ten opzichte van de offsetParent. Het bevat de afstand van de offsetParent tot de rand van het element.

Syntaxis

javascriptelement.offsetTop;

Voorbeeld

Laten we de offset van het element ten opzichte van zijn offsetParent vinden:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; top: 100px;"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetTop);

Resultaat van het uitvoeren van de code:

javascript100

Voorbeeld

Margin wordt ook opgeteld bij de offset:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; top: 100px; margin: 50px;"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetTop);

Resultaat van het uitvoeren van de code:

javascript150

Zie ook