Properti offsetParent

Properti offsetParent berisi induk terdekat, relatif terhadap posisi elemen. Ini akan menjadi entah induk terdekat yang properti CSS position-nya tidak sama dengan static, atau tag body, jika tidak ada induk dengan posisi seperti itu.

Sintaks

elemen.offsetParent;

Contoh

Mari kita cari elemen induk dengan properti position yang berbeda dari 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);

Hasil eksekusi kode:

'parent2'

Contoh

Jika elemen induk tidak memiliki posisi, maka offsetParent berisi body:

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

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

Hasil eksekusi kode:

'BODY'

Lihat juga

properti offsetParent,
yang berisi induk dengan posisi
properti offsetTop,
yang berisi offset elemen dari atas
properti offsetLeft,
yang berisi offset elemen dari kiri
metode getBoundingClientRect,
yang mencari offset elemen