Metóda offsetParent

Metóda offsetParent umožňuje získať najbližšieho pozicionovaného predka elementu. Pod pojmom 'pozicionovaný' sa rozumie element s CSS vlastnosťou position, nastavenou na hodnotu relative, absolute, alebo fixed. Metóda je užitočná pri animácii a pri umiestňovaní elementov na stránke.

Syntax

Získať najbližšieho pozicionovaného predka:

javascript$(selektor).offsetParent();

Príklad

Nájdime najbližšieho pozicionovaného (v našom prípade relatívne) predka odseku s #test a zafarbime jeho pozadie do zelenej farby:

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

Pozrite si aj