offsetParent әдісі

offsetParent әдісі элементтің ең жақын позицияланған ата-тегін алуға мүмкіндік береді. 'Позицияланған' деген түсінік position CSS қасиеті 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');

Сондай-ақ қараңыз