Question

我的代码类似于以下代码段

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

我想在“main”div中获取所有标签，如果已经有一个，则将它们设置为新的id。我有一个像下面的一个javascript

        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]

为什么getElementsByTagName（）方法没有检索到内部ul及其子元素，或者有没有其他方法可以执行此操作;

注意：在运行时我只会知道“主”div id。所有的孩子都是动态的，可以跑到任何长度。

提前致谢!!

在DOM中获取Child元素

0 个答案: