Svojstvo offsetParent

Svojstvo offsetParent sadrži najbližeg roditelja, u odnosu na koji se vrši pozicioniranje elementa. To će biti ili najbliži roditelj kod kog CSS svojstvo position nije jednako static, ili tag body, ako takav roditelj sa pozicioniranjem ne postoji.

Sintaksa

element.offsetParent;

Primer

Pronađimo roditeljski element sa svojstvom position, različitim od static:

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

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

Rezultat izvršavanja koda:

'parent2'

Primer

Ako roditeljski elementi nemaju pozicioniranje, onda offsetParent sadrži body:

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

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

Rezultat izvršavanja koda:

'BODY'

Pogledajte takođe

svojstvo offsetParent,
koje sadrži roditelja sa pozicioniranjem
svojstvo offsetTop,
koje sadrži pomeraj elementa odozgo
svojstvo offsetLeft,
koje sadrži pomeraj elementa sleva
metod getBoundingClientRect,
koji pronalazi pomeraj elementa