Vlastnosť offsetParent

Vlastnosť offsetParent obsahuje najbližšieho rodiča, voči ktorému sa vykonáva pozicionovanie elementu. Bude to buď najbližší rodič, ktorého CSS vlastnosť position nie je rovná static, alebo tag body, ak neexistuje rodič s takýmto pozicionovaním.

Syntax

javascriptelement.offsetParent;

Príklad

Nájdime nadradený element s vlastnosťou position, inou ako 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);

Výsledok vykonania kódu:

javascript'parent2'

Príklad

Ak nadradené elementy nemajú pozicionovanie, tak offsetParent obsahuje body:

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

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

Výsledok vykonania kódu:

javascript'BODY'

Pozrite tiež