Die offsetParent Eienskap

Die eienskap offsetParent bevat die naaste ouer element waaroor die posisionering van die element plaasvind. Dit sal óf die naaste ouer wees waarvan die CSS eienskap position nie gelyk is aan static nie, óf die body tag, as daar geen ouer met sodanige posisionering is nie.

Sintaksis

element.offsetParent;

Voorbeeld

Laat ons die ouerelement met die eienskap position vind, anders as static:

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

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

Resultaat van kode-uitvoering:

'parent2'

Voorbeeld

As die ouerelemente geen posisionering het nie, dan bevat offsetParent die body:

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

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

Resultaat van kode-uitvoering:

'BODY'

Kyk ook na

die eienskap offsetParent,
wat die ouer met posisionering bevat
die eienskap offsetTop,
wat die offset van die element bo bevat
die eienskap offsetLeft,
wat die offset van die element links bevat
die metode getBoundingClientRect,
wat die offset van die element vind