Как получить доступ к элементу списка, не назначая ему класс / идентификатор?

Question

Я пытаюсь изменить цвет ссылки в элементе <li>, не назначая ему идентификатор на определенной странице моего сайта.Пока что мне не повезло.Я пробовал следующее:

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";
}