Metoden offsetParent

Metoden offsetParent giver mulighed for at få det nærmeste positionerede overelement til et element. Med begrebet 'positioneret' menes et element med CSS-egenskaben position, sat til værdien relative, absolute, eller fixed. Metoden er nyttig i animation og ved placering af elementer på siden.

Syntaks

Få det nærmeste positionerede overelement:

javascript$(selector).offsetParent();

Eksempel

Lad os finde det nærmeste positionerede (i vores tilfælde relativt) overelement til afsnittet med #test og farve dets baggrund grøn:

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

Se også