მეთოდი offsetParent

მეთოდი offsetParent საშუალებას გაძლევთ მიიღოთ ელემენტის უახლოესი პოზიცირებული წინაპარი. ტერმინი 'პოზიცირებული' გულისხმობს ელემენტს CSS თვისებით position, რომელიც დაყენებულია მნიშვნელობაზე relative, absolute, ან fixed. მეთოდი სასარგებლოა ანიმაციაში და გვერდზე ელემენტების განთავსებისას.

სინტაქსი

უახლოესი პოზიცირებული წინაპრის მოპოვება:

javascript$(selector).offsetParent();

მაგალითი

მოდი ვიპოვოთ აბზაცის უახლოესი პოზიცირებული (ჩვენს შემთხვევაში ფარდობითი) წინაპარი #test იდენტიფიკატორით და ფონი მივუტანოთ მწვანე ფერი:

html<div>
  <p>aaa</p>
  <div style="position: relative;">
    <p>bbb</p>
    <p>bbb</p>
    <p>bbb</p>
    <div>
      <p id="test">ccc</p>
      <div>
        <p>ddd</p>
        <p>ddd</p>
        <p>ddd</p>
      </div>
      <p>ccc</p>
      <p>ccc</p>
    </div>
  </div>
  <p>aaa</p>
  <p>aaa</p>
</div>

javascript$('#test').offsetParent().css('background-color', 'green');

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