Eigenschap offsetLeft

De eigenschap offsetLeft bevat de linker offset van een element ten opzichte van offsetParent. Bevat de afstand van offsetParent tot de rand van het element.

Syntaxis

element.offsetLeft;

Voorbeeld

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

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

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

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; left: 100px; margin: 50px"></div>
</div>

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

Resultaat van het uitvoeren van de code:

150

Zie ook

de eigenschap offsetTop,
die de bovenste offset van het element bevat
de methode getBoundingClientRect,
die de offset van het element vindt