如何访问列表元素而不为其分配类/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";
}