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

Ошондой эле караңыз

  • parents методу,
    ал элементтин бардык ата-тегин алууга мүмкүндүк берет
  • closest методу,
    ал селекторго жооп берген жакын ата-теги элементти алууга мүмкүндүк берет
  • position методу,
    ал элементтин учурдагы координаттарын алууга мүмкүндүк берет