[DOM] Child de meme génération

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:

---

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 :)

Code:

---

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.

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

Merci beaucoup

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:

---

tableau.push(root.id)

---

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

Code:

---

1 2 3

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

---

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 :)

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

Citation:

---

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 ^^

---

Attention, IE et FF n'interprètent pas le DOM de la même manière au niveau des sauts de ligne...

EDIT :
Ceci dit, je ne comprends toujours pas ce que tu souhaites récupérer... si c'est Hello world', tu peux passer par

Code:

---

tableau[i].getElementsByTagName('a')[0].innerHTML

---

avec tableau correspondant au code que je t'ai donné plus haut et en considérant que getElementsByTagName est une méthode du DOM plus cross browser que childNodes...

Pour le positionnement sur le bon noeud c'est résolu ( cf mon edit ^^) , j'était effectivement sur le parent du noeud dont je rechercher le contenu :)

Pour le code

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function initMenu() {   /* DECLARATION */ root = document.getElementById('menulist'); tmp_root = document.getElementById('menulist').firstChild; childList = root.childNodes; submenus = root.getElementsByTagName("ul"); division = root.parentNode; var temp = ""; var tableau = new Array;   /* GET MAIN LI LIST */ do{ if(tmp_root.nodeName=='LI') {tableau.push(tmp_root.id);} tmp_root=tmp_root.nextSibling; } while(tmp_root.nextSibling)     for(j=0; j < tableau.length; j++) { temp = temp + tableau[j].childNodes[1].childNodes[0].nodeValue + "\n"; //<= AFFICHAGE DU CONTENU QUE JE SOUHAITE }   division.innerHTML = "<pre>"+temp+"</pre>" + division.innerHTML; }

---

Citation:

---

Envoyé par Bovino

Attention, IE et FF n'interprètent pas le DOM de la même manière au niveau des sauts de ligne...

---

Ra... le cochon d'IE.. bon bah je vais chercher une alternative ^^

Nos messages se croisent un peu... tu as un début de solution dans mon précédent post que je viens d'éditer :yaisse2:

Pour ce que je compte faire c'est tout simplement un menu déroulant horizontal ( avec déroulement vers le bas) fin bref ^^

Dans le cas présent je cherchais a récupérer, le contenu de tout mes LI suivant leur niveau, donc bien "Hello World". ca c'est a peu pres fait (pour FF en tout cas)

Par contre j'ai un probleme avec ta syntaxe car le compteur du

Code:

---

1 2	for (var i to tableau) { }

---

contient plus de chose que prevu
au debut j'ai le bon index mais apres y'a des truc un peu bizarre sorti de nullpart (ou presque)^^

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

0 1 2 3 4 5 copy remove contains associate extend merge include getRandom getLast each test rgbToHex hexToRgb rgbToHsb hsbToRgb

---

Et donc forcement ca pete ^^
j'ai du mal faire un truc a ce niveau, je vais me renseigner de ce pas sur ca :D

merci de ton aide :)

Sinon :

Code:

---

1 2 3

for(var i=0;i<tableau.length;i++){ ... }

---

Ok, c'est bon, j'avais juste oublier de decommenter la ligne qui genere le id de mes LI :aie:

Code:

---

1 2 3 4 5

for (i=0; i<tableau.length; i++){ var elem = document.getElementById(tableau[i]); var tmp = elem.getElementsByTagName("a")[0].innerHTML; }

---

Ca marche parfaitement

Merci bien de ton aide :D