Методи 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,
    ки имкон медиҳад, ки координатҳои ҷории элементро ба даст оред