Метод 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');

Смотрите также