Својство offsetParent

Својство offsetParent садржи најближег родитеља, у односу на кога се врши позиционирање елемента. То ће бити или најближи родитељ, код кога CSS својство position није једнако static, или таг body, ако родитеља са таквим позиционирањем нема.

Синтакса

javascriptелемент.offsetParent;

Пример

Хајде да нађемо родитељски елемент са својством position, различитим од static:

html<div id="parent3">
  <div id="parent2" style="position: relative">
    <div id="parent1">
      <p id="elem">текст</p>
    </div>
  </div>
</div>

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

Резултат извршавања кода:

javascript'parent2'

Пример

Ако родитељски елементи немају позиционирање, онда offsetParent садржи body:

html<div>
  <p id="elem">текст</p>
</div>

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

Резултат извршавања кода:

javascript'BODY'

Погледајте такође