De offsetParent Eigenschap

De eigenschap offsetParent bevat de dichtstbijzijnde bovenliggende element ten opzichte waarvan de positionering van het element plaatsvindt. Dit zal ofwel de dichtstbijzijnde bovenliggende element zijn waarvan de CSS eigenschap position niet gelijk is aan static, ofwel de tag body, als er geen bovenliggende element met een dergelijke positionering is.

Syntaxis

element.offsetParent;

Voorbeeld

Laten we het bovenliggende element vinden met de eigenschap position, anders dan 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);

Resultaat van het uitvoeren van de code:

'parent2'

Voorbeeld

Als de bovenliggende elementen geen positionering hebben, dan bevat offsetParent de body:

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

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

Resultaat van het uitvoeren van de code:

'BODY'

Zie ook

de eigenschap offsetParent,
die de bovenliggende element met positionering bevat
de eigenschap offsetTop,
die de offset van het element vanaf de bovenkant bevat
de eigenschap offsetLeft,
die de offset van het element vanaf de linkerkant bevat
de methode getBoundingClientRect,
die de offset van een element vindt