Egenskaben offsetParent

Egenskaben offsetParent indeholder den nærmeste forælder, i forhold til hvilken positionering af elementet forekommer. Dette vil enten være den nærmeste forælder, hvis CSS egenskab position ikke er lig static, eller tagget body, hvis der ikke er nogen forælder med en sådan positionering.

Syntaks

element.offsetParent;

Eksempel

Lad os finde det forældre element med egenskaben position, forskellig 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 af udførelse af kode:

'parent2'

Eksempel

Hvis de forældre elementer ikke har nogen positionering, så indeholder offsetParent body:

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

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

Resultat af udførelse af kode:

'BODY'

Se også

egenskab offsetParent,
som indeholder forælderen med positionering
egenskab offsetTop,
som indeholder elementets offset fra toppen
egenskab offsetLeft,
som indeholder elementets offset fra venstre
metode getBoundingClientRect,
som finder elementets offset