offsetParent xususiyati

offsetParent xususiyati elementning pozitsiyalashiga nisbatan eng yaqin ota elementni o'z ichiga oladi. Bu position CSS xususiyati static ga teng bo'lmagan eng yaqin ota element yoki body tegi bo'ladi, agar bunday pozitsiyalashga ega ota element mavjud bo'lmasa.

Sintaksis

javascriptelement.offsetParent;

Misol

Keling, position xususiyati static dan farq qiladigan ota elementni topamiz:

html<div id="parent3">
  <div id="parent2" style="position: relative">
    <div id="parent1">
      <p id="elem">matn</p>
    </div>
  </div>
</div>

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

Kodni bajarish natijasi:

javascript'parent2'

Misol

Agar ota elementlarda pozitsiyalash bo'lmasa, offsetParent body ni o'z ichiga oladi:

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

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

Kodni bajarish natijasi:

javascript'BODY'

Shuningdek qarang