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

javascriptelement.offsetLeft;

Voorbeeld

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

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

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

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

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

Resultaat van het uitvoeren van de code:

javascript150

Zie ook