getElementsByTagName sur 1 level!

Version imprimable

Bonjour,

J'ai un document ayant (par exemple) cette architecture. Le nombre de divs, leur ids, la profondeur de l'architecture, etc. sont aléatoires...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <div id="toto"> <div id="baba"></div> <div id="kiki"> <div id="zouzou"></div> <div> <div id="riri"></div> </div> <div id="fifi"></div> </div> <div id="loulou"></div> <div id="froufrou"></div> </div>
J'ai cette fonction:
Code:

1 2 3 4 5 6 7 8 9 function ShowOrder(id){ var showorder = false; var im = document.getElementById(id).getElementsByTagName('div'); for(i=0;i<im.length;i++){ if(showorder) showorder = showorder + ',' + im[i].id; else showorder = im[i].id; } alert(showorder); }
le résultat de ShowOrder('toto') est:
baba,kiki,zouzou,,riri,fifi,loulou,froufrou

Donc ma question, comment modifier ma fonction afin qu'elle n'affiche que les <div> de "premier niveau"?

1er exemple, ShowOrder('toto') afficherait:
baba,kiki,loulou,froufrou

2ème exemple, ShowOrder('kiki') afficherait:
zouzou,,fifi

Merci d'avance!

23/08/2006, 09h20
Sergejack

En regardant pour chaque élément qui est le parentNode (tel parent représentant tel niveau).

Code:

1
2
3
4
5
6
7
8
9
10
11
function ShowOrder(id){
	var showorder = false;	
	var children = document.getElementById(id).childNodes(); 
	for(i=0;i<children.length;i++){ 
                if (children[i].tagName == 'DIV') {
	         if(showorder) showorder = showorder + ',' + children[i].id;
	         else showorder = children[i].id;
	   }
               }
	alert(showorder);
	}

23/08/2006, 12h56
kakou

Merci beaucoup pour la solution, j'ai bien mon baba,kiki,loulou,froufrou qui s'affiche :lol:

Pour ceux qui tomberont sur ce topic un jour, remplacez cette ligne:

Code:

var children = document.getElementById(id).childNodes();

par celle la:

Code:

var children = document.getElementById(id).childNodes;

Merci encore!

variante?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function ShowOrder(idi){
 
	var l = "";
	var ch = document.getElementById(idi).getElementsByTagName("div");
	for(i = 0; i != ch.length; i++){
		if(ch[i].parentNode.id == idi){
			l+= ch[i].id + " ";
		}
	}
 
	alert(l)
}

23/08/2006, 15h31
linar009

Citation:

Envoyé par kakou

Pour ceux qui tomberont sur ce topic un jour, remplacez cette ligne:

Code:

var children = document.getElementById(id).childNodes();

par celle la:

Code:

var children = document.getElementById(id).childNodes;

Exact
Désolé pour l'erreur...