Właściwość offsetParent

Właściwość offsetParent zawiera najbliższego rodzica, względem którego odbywa się pozycjonowanie elementu. Będzie to albo najbliższy rodzic, którego właściwość CSS position nie jest równa static, albo znacznik body, jeśli nie ma rodzica z takim pozycjonowaniem.

Składnia

javascriptelement.offsetParent;

Przykład

Znajdźmy element nadrzędny z właściwością position różną 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);

Wynik wykonania kodu:

javascript'parent2'

Przykład

Jeśli elementy nadrzędne nie mają pozycjonowania, to offsetParent zawiera body:

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

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

Wynik wykonania kodu:

javascript'BODY'

Zobacz też