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'

Տես նաև