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

javascriptelemen.offsetParent;

Contoh

Mari kita cari elemen induk dengan properti position yang berbeda dari static:

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

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

Hasil eksekusi kode:

javascript'parent2'

Contoh

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

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

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

Hasil eksekusi kode:

javascript'BODY'

Lihat juga