Vlastnost offsetParent

Vlastnost offsetParent obsahuje nejbližšího rodiče, vůči kterému se provádí pozicování elementu. Bude to buď nejbližší rodič, jehož CSS vlastnost position není rovna static, nebo tag body, pokud rodič s takovým pozicováním neexistuje.

Syntaxe

element.offsetParent;

Příklad

Pojďme najít nadřazený element s vlastností position, odlišnou od 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ýsledek provedení kódu:

'parent2'

Příklad

Pokud nadřazené elementy nemají pozicování, tak offsetParent obsahuje body:

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

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

Výsledek provedení kódu:

'BODY'

Viz také

vlastnost offsetParent,
která obsahuje rodiče s pozicováním
vlastnost offsetTop,
která obsahuje odsazení elementu shora
vlastnost offsetLeft,
která obsahuje odsazení elementu zleva
metoda getBoundingClientRect,
která najde odsazení elementu