Javascript 在DOM中获取Chid元素

我有一个类似于以下代码片段的代码

 <div id="main">
  <div>
   <ul>
    <li>
      <table><tbody><tr><td></td></tr></tbody></table>
        <ul id="inner" > /* this ul has many nested children */</ul>
    </li>
    </ul>
  </div>   

为什么内部ul及其子级不能通过getElementsByTagName方法获取，或者是否有其他方法获取

注: 在运行时，我只知道主div id。所有子级都是动态的，可以运行到任意长度

---

提前谢谢

我看到的是内部结构：。你确定你的DOM树实际上看起来和你查询时给出的一样吗？是的，DOM树看起来和我给出的一样…唯一的事情是内部的ul作为进一步的嵌套元素。。。还有其他简单的方法吗，比如检索包括嵌套元素在内的所有子元素。我也尝试过使用element.childNodes递归检索子元素，但它也会这样做，内部ui及其子元素不会被检索。。

        var InfoMsg = "";
        var nodes = element.getElementsByTagName('*');
        for (var i = 0; i < nodes.length; i++) 
        {
            InfoMsg += nodes[i]
        }  
        alert(InfoMsg);

 [object HTMLDivElement][object HTMLUListElement][object HTMLLIElement]
 [object HTMLTableElement][object HTMLTableSectionElement]
 [object HTMLTableRowElement][object HTMLTableCellElement]
 [object HTMLImageElement][object HTMLTableCellElement]
 [object HTMLTableCellElement]