Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
16 novembre 2009 1 16 /11 /novembre /2009 04:00

Si ce n'est déjà fait lisez cet article qui démine le terrain.

Pour celui-ci on suppose avoir prélablement trouvé r, référence d'un élément quelconque, et on veut explorer le document à partir de ce point.

Trouver le parent

Simple, sa référence est r.parentNode

Trouver les enfants

On dispose ici de plusieurs outils.

 r.childNodes[ ] 
… désigne la  collection  des enfants de r.
 r.firstChild 
… désigne le premier. Autrement dit r.firstChild == r.childNodes[0] et r.firstChild== undefined si r n'a aucun enfant.
 r.lastChild 
… désigne le dernier. Autrement dit r.lastChild == r.childNodes[r.childNodes.length - 1]. Lui aussi est undefined si r n'a aucun enfant.

Attention : les enfants comprennent aussi les nœuds de texte ! et même lorsque ce texte se réduit à un seul espace ou un saut de ligne. Ainsi

 <img.../><img.../> 
… comporte deux nœuds, alors que
 <img.../> <img.../> 
… et
 <img.../> <img.../> 
… en comportent trois.

Trouver les  frères 

Assez logiquement,

 r.nextSibling 
… désigne le successeur de r, s'il existe, et
 r.previousSibling 
… son prédécesseur éventuel dans la collection des childNodes du parent. Mêmes précautions quant au type de nœud.

Pour mémoire : d'autres liens JavaScript

par Aïe mes doigts ! - dans JavaScript Mania
commenter cet article

commentaires

Archives