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

elem.offsetLeft;

Példa

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

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

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

100

Példa

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

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

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

150

Lásd még

a offsetTop tulajdonság,
amely egy elem felső eltolását tartalmazza
a getBoundingClientRect metódus,
amely megkeresi egy elem eltolását