Méthode offsetParent
La méthode offsetParent permet d'obtenir
l'ancêtre positionné le plus proche
d'un élément. Par le terme 'positionné'
on entend un élément avec la propriété CSS
position,
définie à la valeur relative,
absolute, ou fixed.
Cette méthode est utile dans l'animation et pour le placement
des éléments sur la page.
Syntaxe
Obtenir l'ancêtre positionné le plus proche :
javascript$(sélecteur).offsetParent();
Exemple
Trouvons l'ancêtre positionné le plus proche
(dans notre cas relatif) du paragraphe avec
#test et colorons son fond en vert :
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');