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

javascriptelemen.offsetParent;

Contoh

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

Keputusan pelaksanaan kod:

javascript'parent2'

Contoh

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

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

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

Keputusan pelaksanaan kod:

javascript'BODY'

Lihat juga