获取嵌套在UL标记中的所有元素

时间:2010-06-21 11:20:29

标签: javascript

我有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标签。有什么想法吗?

1 个答案:

答案 0 :(得分:4)

我的代码中包含<ul>标记,请在此处进行测试:http://jsfiddle.net/RFKsC/1/(这是第三次提醒)。

所以你应该有的工作,你的HTML确实需要/,这部分:

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

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