Javascript 如何选择'；ul'；要素

我正在寻找一种方法来收集所有

标记，然后使用Mootool 1.1或纯javascript加载到一个数组中

<ul class="menu">
  <li>
    <ul>
      <li><a href="#">Group One</a>
         <ul>
           <li><a href="#">I want</a></li>
           <li><a href="#">I want too</a></li>
         </ul>
      </li>
      <li><a href="#">Group Two</a>
         <ul>
           <li"><a href="#">I want</a></li>
           <li><a href="#">I want too</a></li>
         </ul>
      </li>
     </ul>
   </li>
</ul> 

@迪米特尔

document.getElements("ul.menu ul li ul li a");

---

保持极客化：）

我不确定您是否想以某种方式限制操作，但获取页面中的所有锚元素很容易：

var links = document.getElementsByTagName('a');

如果要将搜索限制在元素内，请在该元素上设置一个id，以便轻松找到它，并在元素上使用

getElementsByTagName

：

var links = document.getElementById('menu').getElementsByTagName('a');

---

$（'.menu a'）

感谢您的回复，但是document.getElementsByTagName将只选择文档中的所有链接，我要做的就是选择主菜单链接。@Q\u新手：然后在menu元素上设置一个id，以便您可以使用

getElementById

方法来查找它，然后对该元素使用

getElementsByTagName

方法查找其中的链接。$$已被弃用，但它是

this.document.getElements（）

的别名-尽管此选择器有点广泛。如果您有

elsewhere@Dimitar当前的Joomla！CMS版本（1.5）使用mootools 1.1，所以直到Joomla！1.6（使用mootools 1.2）正式发布$$选择器对开发人员仍然有用。还请检查顶部的“我的编辑”。

document.getElemnts

是mootools，而不是原生javascript-$$别名。：）有一种观点认为，在选择器中过于精确并不总是能带来最佳的性能结果或可维护性——除非为了排除不同的链接而需要同样精确，否则我认为这是过分的。一个更优雅的解决方案和更快的执行速度将是为链接本身分配一个类，但我们并不总是能够更改标记。：）@AdiPrasetyo使用document.querySelector（）；相反例如：

document.querySelector（“ul.menu a”）

VM231:1未捕获的类型错误：document.getElements在：1:10不是一个函数

我想知道你为什么会做出这种奇怪的侮辱性评论。。缺乏基本的礼仪/良好的教养？这仅适用于元素类型和类别。您能建议选择id嵌套在多个嵌套div中的元素吗？

var links = document.getElementById('menu').getElementsByTagName('a');

// for the links of the first ul.menu on the page
var menuLinks = document.getElement("ul.menu").getElements("a");
// or you can get all links children of all uls with class menu
var menuLinks = document.getElements("ul.menu a");