Egenskapen offsetParent

Egenskapen offsetParent innehåller den närmaste föräldern i förhållande till vilket elementet positioneras. Detta kommer att vara antingen den närmaste föräldern vars CSS-egenskap position inte är static, eller taggen body om det inte finns någon förälder med sådan positionering.

Syntax

element.offsetParent;

Exempel

Låt oss hitta förälderelementet med egenskapen position som skiljer sig från 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 kodkörning:

'parent2'

Exempel

Om förälderelementen inte har någon positionering, kommer offsetParent att innehålla body:

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

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

Resultat av kodkörning:

'BODY'

Se även

egenskapen offsetParent,
som innehåller föräldern med positionering
egenskapen offsetTop,
som innehåller elementets offset från toppen
egenskapen offsetLeft,
som innehåller elementets offset från vänster
metoden getBoundingClientRect,
som hittar elementets offset