offsetParent-metodi

Metodi offsetParent mahdollistaa elementin lähimmän positioidun esi-isän saamisen. Käsitteellä 'positioitu' tarkoitetaan elementtiä, jonka CSS-ominaisuus position on asetettu arvoon relative, absolute tai fixed. Metodi on hyödyllinen animoinnissa ja elementtien sijoittelussa sivulla.

Syntaksi

Hanki lähin positioitu esi-isä:

javascript$(valitsin).offsetParent();

Esimerkki

Etsitään kohdan, jolla on #test, lähin positioitu (meidän tapauksessamme suhteellisesti) esi-isä ja värjätään sen tausta vihreäksi:

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

Katso myös