Lastnost offsetParent

Lastnost offsetParent vsebuje najbližjega nadrejenega elementa, glede na katerega se pozicionira element. To bo bodisi najbližji nadrejeni element, ki ima CSS lastnost position različno od static, ali pa oznaka body, če nadrejenega elementa s takšnim pozicioniranjem ni.

Sintaksa

element.offsetParent;

Primer

Poiščimo nadrejeni element z lastnostjo position, različno od static:

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

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

Rezultat izvajanja kode:

'parent2'

Primer

Če nadrejeni elementi nimajo pozicioniranja, potem offsetParent vsebuje body:

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

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

Rezultat izvajanja kode:

'BODY'

Glejte tudi

lastnost offsetParent,
ki vsebuje nadrejenega elementa s pozicioniranjem
lastnost offsetTop,
ki vsebuje odmik elementa od zgoraj
lastnost offsetLeft,
ki vsebuje odmik elementa od leve
metoda getBoundingClientRect,
ki poišče odmik elementa