Obtenir tous les éléments imbriqués dans la balise UL

Question

Je HTML structure de code:

<ul id="main"> 
<li> 
    <a href="#"></a> 
    <ul> 
     <li><a href="#"></a></li> 
     <li><a href="#"></a></li> 
     <li><a href="#"></a></li> 
    </ul> 
    <li> 
</ul> 

Vous voulez sélectionner tous les éléments à l'intérieur UL id = "principal".

a essayé d'utiliser:

var el = document.getElementById("main").getElementsByTagName("*"); 


for (var i=0; i<el.length; i++) { 
    alert(el[i].tagName); 
} 

Mais seulement obtenir des balises LI et A. Les étiquettes UL sont manquantes. Des idées ?

Answer 1

Je reçois le tag <ul> avec votre code, faites un test ici: http://jsfiddle.net/RFKsC/1/ (c'est la troisième alerte).

Donc ce que vous avez devrait fonctionner, vous avez besoin d'un / dans votre code HTML bien, cette partie:

</ul> 
    <li> <!-- should be </li> --> 
</ul> 

Sans cette balise de fermeture, vous pouvez obtenir un comportement cross-browser funk/imprévisible, fixant devrait résoudre le problème.