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

element.offsetTop;

Voorbeeld

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

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

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

Resultaat van het uitvoeren van de code:

100

Voorbeeld

Margin wordt ook opgeteld bij de offset:

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

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

Resultaat van het uitvoeren van de code:

150

Zie ook

de eigenschap offsetLeft,
die de offset van het element vanaf de linkerkant bevat
de methode getBoundingClientRect,
die de offset van een element vindt