Az offsetLeft tulajdonság

A offsetLeft tulajdonság egy elem bal oldali eltolását tartalmazza a offsetParent-hez viszonyítva. Az offsetParent és az elem széle közötti távolságot tartalmazza.

Szintaxis

javascriptelem.offsetLeft;

Példa

Keressük meg egy elem eltolását a saját offsetParent-jéhez viszonyítva:

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);

A kód végrehajtásának eredménye:

javascript100

Példa

A margin margók szintén hozzáadódnak az eltoláshoz:

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);

A kód végrehajtásának eredménye:

javascript150

Lásd még