Vetoria offsetParent

Vetoria offsetParent përmban prindin më të afërt, në lidhje me të cilin ndodh pozicionimi i elementit. Ky do të jetë ose prindi më i afërt, te i cili vetia CSS position nuk është e barabartë me static, ose tegja body, nëse nuk ka prind me pozicionim të tillë.

Sintaksa

javascriptelement.offsetParent;

Shembull

Le të gjejmë elementin prind me veti position, të ndryshme nga static:

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

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

Rezultati i ekzekutimit të kodit:

javascript'parent2'

Shembull

Nëse elementet prind nuk kanë pozicionim, atëherë offsetParent përmban body:

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

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

Rezultati i ekzekutimit të kodit:

javascript'BODY'

Shihni gjithashtu