Właściwość offsetParent

Właściwość offsetParent zawiera najbliższego rodzica, względem którego odbywa się pozycjonowanie elementu. Będzie to albo najbliższy rodzic, którego właściwość CSS position nie jest równa static, albo znacznik body, jeśli nie ma rodzica z takim pozycjonowaniem.

Składnia

element.offsetParent;

Przykład

Znajdźmy element nadrzędny z właściwością position różną 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);

Wynik wykonania kodu:

'parent2'

Przykład

Jeśli elementy nadrzędne nie mają pozycjonowania, to offsetParent zawiera body:

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

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

Wynik wykonania kodu:

'BODY'

Zobacz też

właściwość offsetParent,
która zawiera rodzica z pozycjonowaniem
właściwość offsetTop,
która zawiera przesunięcie elementu od góry
właściwość offsetLeft,
która zawiera przesunięcie elementu od lewej
metoda getBoundingClientRect,
która znajduje przesunięcie elementu