您如何在不为其分配类/ ID的情况下访问列表元素？

Question

我正在尝试更改<li>元素中链接的颜色，而未在我网站的特定页面上为其分配ID。 到目前为止，我还没有运气。我尝试了以下方法：

function writeNav() {
    document.write('<link rel="stylesheet" href="css/navbar.css"> <ul id="nav">  <li>  <a href="/">Home</a>  </li>  <li>    <a href="#">Interests</a>  </li>  <li>  <a href="#">Gaming</a>  <li>  <a href="/Resume.pdf">Resume</a>  </li>  </ul>');

    if (window.location.href == "mywebsite.com/anime.html") {
        document.getElementByTagName("li")[0].style.color="#FFE4E1";
    }
}

和

document.getElementById("nav").a.style.color = "#FFE4E1";

我已经环顾四周，但是运气不好。

Answer 1

好的，所以我不使用@Niet的答案了

document.querySelectorAll("#nav>li>a");

任何人想知道的完整解决方案如下：

var list = document.querySelectorAll("#nav>li a");
for(var i=0; i<list.length; i++) {
    list[i].style.color = "black";
}