Egenskapen offsetParent

Egenskapen offsetParent innehåller den närmaste föräldern i förhållande till vilket elementet positioneras. Detta kommer att vara antingen den närmaste föräldern vars CSS-egenskap position inte är static, eller taggen body om det inte finns någon förälder med sådan positionering.

Syntax

javascriptelement.offsetParent;

Exempel

Låt oss hitta förälderelementet med egenskapen position som skiljer sig från 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 av kodkörning:

javascript'parent2'

Exempel

Om förälderelementen inte har någon positionering, kommer offsetParent att innehålla body:

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

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

Resultat av kodkörning:

javascript'BODY'

Se även