Sifat offsetParent

Sifat offsetParent mengandungi induk terdekat, di mana pemosisian elemen berlaku. Ini sama ada induk terdekat yang mempunyai sifat CSS position tidak sama dengan static, atau tag body, jika tiada induk dengan pemosisian sedemikian.

Sintaks

elemen.offsetParent;

Contoh

Mari cari elemen induk dengan sifat position, selain daripada 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);

Keputusan pelaksanaan kod:

'parent2'

Contoh

Jika elemen induk tidak mempunyai pemosisian, maka offsetParent mengandungi body:

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

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

Keputusan pelaksanaan kod:

'BODY'

Lihat juga

sifat offsetParent,
yang mengandungi induk dengan pemosisian
sifat offsetTop,
yang mengandungi ofset elemen dari atas
sifat offsetLeft,
yang mengandungi ofset elemen dari kiri
kaedah getBoundingClientRect,
yang mencari ofset elemen