თვისება 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'

იხილეთ აგრეთვე