Vlastnost offsetParent

Vlastnost offsetParent obsahuje nejbližšího rodiče, vůči kterému se provádí pozicování elementu. Bude to buď nejbližší rodič, jehož CSS vlastnost position není rovna static, nebo tag body, pokud rodič s takovým pozicováním neexistuje.

Syntaxe

javascriptelement.offsetParent;

Příklad

Pojďme najít nadřazený element s vlastností position, odlišnou od 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ýsledek provedení kódu:

javascript'parent2'

Příklad

Pokud nadřazené elementy nemají pozicování, tak offsetParent obsahuje body:

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

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

Výsledek provedení kódu:

javascript'BODY'

Viz také