offsetParent īpašība

Īpašība offsetParent satur tuvāko vecāku, pret kuru notiek elementa pozicionēšana. Tas būs vai nu tuvākais vecāks elements, kuram CSS īpašība position nav vienāda ar static, vai arī tags body, ja nav vecāka ar šādu pozicionēšanu.

Sintakse

javascriptelement.offsetParent;

Piemērs

Atradīsim vecāka elementu ar īpašību position, kas atšķiras no static:

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

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

Koda izpildes rezultāts:

javascript'parent2'

Piemērs

Ja vecāku elementiem nav pozicionēšanas, tad offsetParent satur body:

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

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

Koda izpildes rezultāts:

javascript'BODY'

Skatiet arī