Vlastnosť offsetParent

Vlastnosť offsetParent obsahuje najbližšieho rodiča, voči ktorému sa vykonáva pozicionovanie elementu. Bude to buď najbližší rodič, ktorého CSS vlastnosť position nie je rovná static, alebo tag body, ak neexistuje rodič s takýmto pozicionovaním.

Syntax

element.offsetParent;

Príklad

Nájdime nadradený element s vlastnosťou position, inou ako static:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">text</p>
		</div>
	</div>
</div>

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

Výsledok vykonania kódu:

'parent2'

Príklad

Ak nadradené elementy nemajú pozicionovanie, tak offsetParent obsahuje body:

<div>
	<p id="elem">text</p>
</div>

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

Výsledok vykonania kódu:

'BODY'

Pozrite tiež

vlastnosť offsetParent,
ktorá obsahuje rodiča s pozíciou
vlastnosť offsetTop,
ktorá obsahuje offset elementu zhora
vlastnosť offsetLeft,
ktorá obsahuje offset elementu zľava
metóda getBoundingClientRect,
ktorá nájde offset elementu