206 of 264 menu

Vlastnosť offsetLeft

Vlastnosť offsetLeft obsahuje ľavý posun prvku vzhľadom na offsetParent. Obsahuje vzdialenosť od offsetParent k okraju prvku.

Syntax

element.offsetLeft;

Nájdime posun prvku vzhľadom na svojho offsetParent:

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

Výsledok vykonania kódu:

100

Okraje margin sa tiež pripočítavajú k posunu:

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

Výsledok vykonania kódu:

150

Slovenčina▼

Používame cookies na fungovanie stránky, analýzu a personalizáciu. Spracúvanie údajov prebieha v súlade s Politikou ochrany osobných údajov.