Die offsetParent Eienskap

Die eienskap offsetParent bevat die naaste ouer element waaroor die posisionering van die element plaasvind. Dit sal óf die naaste ouer wees waarvan die CSS eienskap position nie gelyk is aan static nie, óf die body tag, as daar geen ouer met sodanige posisionering is nie.

Sintaksis

javascriptelement.offsetParent;

Voorbeeld

Laat ons die ouerelement met die eienskap position vind, anders as static:

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

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

Resultaat van kode-uitvoering:

javascript'parent2'

Voorbeeld

As die ouerelemente geen posisionering het nie, dan bevat offsetParent die body:

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

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

Resultaat van kode-uitvoering:

javascript'BODY'

Kyk ook na