Javascript 如何选择导航元素内部的所有链接

Javascript 如何选择导航元素内部的所有链接,javascript,Javascript,我有一个包含许多链接的页面,但我想使用js选择nav标记内的所有链接,并将它们分配给名为navigationLinks的变量。有没有一种方法可以在不给所有链接分配类的情况下实现这一点 <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html"&

我有一个包含许多链接的页面,但我想使用js选择nav标记内的所有链接,并将它们分配给名为navigationLinks的变量。有没有一种方法可以在不给所有链接分配类的情况下实现这一点

<nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>   
多谢各位

let navigationLinks = document.querySelectorAll('nav a');
但请记住它是一个节点列表对象。

您给定的JavaScript:

let navigationLinks = document.getElementsByTagName('nav');
如果错误,请在
document.getElementsByTagName('nav')
之后使用
[0]
选择第一个导航元素

使用此代码为每个

  • 添加我的类

    如果您有多个导航标签,您可能需要相应地循环它

    您可以控制它的html吗?如果是这样,您可以向nav添加id或类并使用.children();方法()您也可以不使用id来完成,只需抓取标记。。。但如果你在页面上再放一个导航元素,它可能会变得一团糟。如果您可以控制html,无论您使用什么方法,我建议您使用id或类,而不仅仅是引用tag.navigationLinks.getElementsByTagName('a');谢谢KubaJastrz。这在不必添加其他类的情况下工作。
    let navigationLinks = document.getElementsByTagName('nav');
    
    let navElement = document.getElementsByTagName('NAV');
    
    let navigationLinks = navElement[0].getElementsByTagName('A');