Svojstvo offsetParent

Svojstvo offsetParent sadrži najbližeg roditelja, u odnosu na koji se vrši pozicioniranje elementa. To će biti ili najbliži roditelj kod kog CSS svojstvo position nije jednako static, ili tag body, ako takav roditelj sa pozicioniranjem ne postoji.

Sintaksa

javascriptelement.offsetParent;

Primer

Pronađimo roditeljski element sa svojstvom position, različitim od static:

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

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

Rezultat izvršavanja koda:

javascript'parent2'

Primer

Ako roditeljski elementi nemaju pozicioniranje, onda offsetParent sadrži body:

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

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

Rezultat izvršavanja koda:

javascript'BODY'

Pogledajte takođe