javascript - 获取嵌套在 UL 标签中的所有元素

Question

我有 HTML 代码结构:

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

想要选择 UL id="main"内的所有元素。

尝试使用:

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


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

但只能获取 LI 和 A 标签。 UL 标签缺失。有什么想法吗？

Answer 1

我得到<ul>用您的代码标记，在这里进行测试:http://jsfiddle.net/RFKsC/1/ (这是第三次警报)。

所以你所拥有的应该可以工作，你确实需要一个 /不过，在您的 HTML 中，这部分:

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

如果没有该结束标记，您可能会遇到一些奇怪/不可预测的跨浏览器行为，修复它应该可以解决问题。