Discussion :

[Okena]

Bonjour,

Je coince sur une petit problème et ni google, ni une recherche ici ne m'ont apporter de solutions.

Je cherche a récupéré tout les enfants d'un parent donné mais uniquement les enfants d'une même génération

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<ul id="first">
  <li id="li1.1"></li>
  <li id="li1.2"></li>
  <li id="li1.3"></li>
  <ul id="sub">
     <li id="li4"></li>
     <li id="li5"></li>
     <li id="li6"></li>
  </ul>
</ul>

Je voudrai récupérer seulement les li1.1, li1.2, li1.3 mais je trouve pas de maniere de faire.

avec root = document.getElementById(first);
root.getElementByTagName, et root.childNodes recupere plus que ce que je recherche.

Au passage, je ne peux pas me baser sur les ID des enfants car ils sont variables. je recherche donc uniquement une solution a base de DOM ^^"
Auriez vous une idée

Merci

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
root = document.getElementById('first').firstChild;
var tableau = new Array;
do{
if(root.nodeName=='LI'){tableau.push(root)}
root=root.nextSibling;
}
while(root.nextSibling)

Devrait le faire je pense.

[Okena]

Merci, ca ressemble beaucoup a ce que je chercher a faire
Me reste plus qu'a trouver la bonne maniere pour recuperer le contenu ^^

Merci beaucoup

[Bovino]

La variable tableau contient les éléments sélectionnés, si tu préfères récupérer leur id à la place, tu peux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tableau.push(root.id)

Ensuite, en fonction de ce que tu veux en faire, tu peux boucler sur les valeurs du tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
for(var j in tableau){
    //traitement des données
}

[Okena]

merci pour le coup de pouce mais en bon newbie, j'y arrive pas ^^

en fait je récupérer bien tout les LI qu'il me faut mais impossible de récupérer le contenu d'un LI

<li><a href="index.html">Hello World</a></li>

root.childNodes[0] est pourtant bien un Object text mais root.childNodes[0].nodeValue ne me retourne que du vide

deuxieme imcompréhension :
root.childNodes[1] me retourne "index.html"... ca devrai pas me retourner un noeud de type Element ( la balise <A> en l'occurence) ?

Merci d'un newbie

Edit:

Apres 2sec de reflexion je me suis rendu compte que mon hello world n'appartenait pas au noeud sur lequel j'etait mais a son fils...
un root.childNodes[1].firstChild.nodeValue est venu au bout de mes probleme ^^

Merci encore

[le_chomeur]

aurais tu ton code complet ? ^^
mais au vu de ce que tu nous montre tu n'es pas positionné sur le bon nœud