offsetParent Metodu

offsetParent metodu, bir öğenin en yakın konumlandırılmış ebeveynini elde etmeyi sağlar. 'Konumlandırılmış' terimi, CSS position özelliği relative, absolute veya fixed değerlerinden birine ayarlanmış öğeyi ifade eder. Bu metod, animasyon ve sayfa üzerinde öğelerin yerleştirilmesi işlemlerinde faydalıdır.

Sözdizimi

En yakın konumlandırılmış ebeveyni elde etmek:

javascript$(seçici).offsetParent();

Örnek

Hadi, #test kimliğine sahip paragrafın en yakın konumlandırılmış (bizim örneğimizde relative) ebeveynini bulalım ve arkaplan rengini yeşile boyayalım:

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');

Ayrıca Bakınız