改变所有链接的颜色

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