Egenskapen offsetParent

Egenskapen offsetParent inneholder den nærmeste forelderen som elementet er posisjonert i forhold til. Dette vil enten være den nærmeste forelderen hvis CSS-egenskap position ikke er lik static, eller taggen body hvis det ikke finnes noen forelder med slik posisjonering.

Syntaks

element.offsetParent;

Eksempel

La oss finne overordnet element med egenskapen position forskjellig fra 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);

Resultat av kjøring av kode:

'parent2'

Eksempel

Hvis de overordnede elementene ikke har posisjonering, vil offsetParent inneholde body:

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

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

Resultat av kjøring av kode:

'BODY'

Se også

egenskapen offsetParent,
som inneholder forelder med posisjonering
egenskapen offsetTop,
som inneholder elementets offset fra toppen
egenskapen offsetLeft,
som inneholder elementets offset fra venstre
metoden getBoundingClientRect,
som finner elementets offset