Holen Sie sich alle Elemente in verschachtelten UL-Tags

Habe ich HTML-code-Struktur:

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

Möchten, wählen Sie alle Elemente innerhalb von UL id="main".

Versucht zu verwenden:

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


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

Aber nur erhalten, LI und A tags. UL-tags fehlen. Irgendwelche Ideen ?