Метод offsetParent

Методът offsetParent позволява получаването на най-близкия позициониран предшественик на елемента. Под понятието 'позициониран' се има предвид елемент с CSS свойство position, зададено със стойност relative, absolute, или fixed. Методът е полезен при анимация и при позициониране на елементи в страницата.

Синтаксис

Получаване на най-близкия позициониран предшественик:

javascript$(селектор).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');

Вижте също