Хосияти 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'

Ҳамчунин бубинед