Egenskaben offsetParent

Egenskaben offsetParent indeholder den nærmeste forælder, i forhold til hvilken positionering af elementet forekommer. Dette vil enten være den nærmeste forælder, hvis CSS egenskab position ikke er lig static, eller tagget body, hvis der ikke er nogen forælder med en sådan positionering.

Syntaks

javascriptelement.offsetParent;

Eksempel

Lad os finde det forældre element med egenskaben position, forskellig fra 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);

Resultat af udførelse af kode:

javascript'parent2'

Eksempel

Hvis de forældre elementer ikke har nogen positionering, så indeholder offsetParent body:

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

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

Resultat af udførelse af kode:

javascript'BODY'

Se også