javascript - 更改所有链接的颜色

Question

我想更改我的 <ul class="menu"> 中所有链接的颜色，但它并没有改变我的颜色。我是 javascript 的初学者，我正在做一些练习。

我的<ul class="menu"> :

<ul class="menu">
<li><a href="">hello</a></li>
<li><a href="">hello</a></li>
<li><a href="">hello</a></li>
<li><a href="">hello</a></li>

我的 JavaScript 做错了什么？

        var x=document.getElementByClass("menu");
        if(x){
            var e =x.getElementsByTagName("a");
            for(var i=0; i<e.length; i++){
                e[i].style.color='yellow';
            }
        }

Answer 1

您需要调用的函数是getElementsByClassName。它返回一个 NodeList，因此您必须迭代结果。

var menus = document.getElementsByClassName("menu");
for (var j = 0; j < menus.length; j++) {
    var e = menus[j].getElementsByTagName("a");
    for(var i=0; i<e.length; i++){
        e[i].style.color='yellow';
    }
}

jsFiddle