Arborescence du menu pliant JavaScript

Question

Ceci est une fonction JavaScript pour l'arborescence du menu. Je voudrais y ajouter plus de sous-menu, pas seulement un sous-menu. Qu'est-ce que x.all[0] et x.all[2]?

var head="display:''" 
img1=new Image() 
img1.src="fold.gif" 
img2=new Image() 
img2.src="open.gif" 

function change(){ 
if(!document.all) 
return 
if (event.srcElement.id=="folding"){ 
var x=event.srcElement.parentElement 
if (x.all[2].style.display=="none"){ 
x.all[0].src="open.gif" 
x.all[2].style.display='' 
alert(x.all[2].name) 
} 
else{ 
x.all[0].src="fold.gif" 
x.all[2].style.display="none" 
} 

} 
document.onclick=change 

Answer 1

all est une collection d'éléments enfants appartenant à un élément particulier. document.all renvoie tous les éléments d'un document. C'est une fonctionnalité d'IE seulement et ne fonctionnera pas dans d'autres navigateurs.

Dans votre code, x est event.srcElement.parentElement, sa propriété all correspond donc à tous les éléments enfants appartenant à cet élément parent. Le [0] renverra le premier élément de la collection et [2] renverra le troisième élément de la collection.

Comme mentionné précédemment, ce code fonctionnera uniquement dans Internet Explorer, vous devriez donc explorer d'autres méthodes de navigation croisées pour réaliser ce que vous essayez de faire si vous voulez une meilleure compatibilité avec les navigateurs.