在div中设置新类

Question

可能重复:
使用JavaScript更改元素的CSS类

我正在尝试使用此脚本设置div的属性.我在第三行有问题,我试图从父div获取div-s,id为"loading".但在这里的问题,似乎在变量divs中没有什么.为什么？

脚本:

function  blink() {
        document.getElementById("loading").setAttribute("class","loader");
        var divs = document.getElementById("loading").getElementsByTagName("div");
        alert(divs[0].class);
        for(var i=0;i<divs.length;i++) {
            var _id = divs[i].id;
            document.getElementById(divs[i].id).setAttribute("class", "bar");
            }

        }

HTML:

    <div id="loading" class="loader2">
    <a href="#" onClick="blink()">
        <div class="bar_"></div>
        <div class="bar_"></div>
        <div class="bar_"></div></a>
    </div>

我想替换divs类:"bar_"到"bar".这就是我想要做的.

Answer 1

• class是 JavaScript中未来的保留字.使用className,而不是class.
• 作为一般规则,使用属性,而不是 setAttribute
• <div>当你已经拥有它们时,没有必要重新获取ID divs!

所以:

function blink() {
    var loader = document.getElementById("loading");
    loader.className = "loader";
    var divs = loader.getElementsByTagName("div");

    for(var i=0; i<divs.length; i++) {
        divs[i].className = "bar";
    }
}