Sifa offsetParent

Sifa offsetParent ina mzazi wa karibu zaidi, jamaa na ambaye uwekeaji nafasi wa kipengele hufanyika. Hii itakuwa ama mzazi wa karibu zaidi, ambaye ana sifa ya CSS position isiyo sawa na static, au kitambulisho body, kama hakuna mzazi mwenye uwekeaji nafasi kama huo.

Kisarufi

javascriptkipengele.offsetParent;

Mfano

Wacha tupate kipengele cha mzazi chenye sifa position, tofauti na static:

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

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

Matokeo ya utekelezaji wa kificho:

javascript'parent2'

Mfano

Kama vipelelezi vya mzazi havina uwekeaji nafasi, basi offsetParent ina body:

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

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

Matokeo ya utekelezaji wa kificho:

javascript'BODY'

Angalia pia