Lastnost offsetParent

Lastnost offsetParent vsebuje najbližjega nadrejenega elementa, glede na katerega se pozicionira element. To bo bodisi najbližji nadrejeni element, ki ima CSS lastnost position različno od static, ali pa oznaka body, če nadrejenega elementa s takšnim pozicioniranjem ni.

Sintaksa

javascriptelement.offsetParent;

Primer

Poiščimo nadrejeni element z lastnostjo position, različno od static:

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

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

Rezultat izvajanja kode:

javascript'parent2'

Primer

Če nadrejeni elementi nimajo pozicioniranja, potem offsetParent vsebuje body:

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

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

Rezultat izvajanja kode:

javascript'BODY'

Glejte tudi