Својство offsetParent

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

Синтакса

javascriptelement.offsetParent;

Пример

Ајде да го најдеме родителскиот елемент со својство position, различно од 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);

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

javascript'parent2'

Пример

Доколку родителските елементи немаат позиционирање, тогаш offsetParent го содржи body:

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

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

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

javascript'BODY'

Погледнете ги исто така