javascript - 使用 Javascript 添加类

Question

为什么 the following code不行？我正在使用 FF 30.0。当我单击制作的汉堡包图标时，所有 3 行都应变为红色。

function toggle() {
   document.getElementsByClassName("line").classList.add("test");
}

Answer 1

我猜你想迭代 HTMLCollection getElementsByClassName 返回的实例:

function toggle() {
    var els = document.getElementsByClassName("line");
    for(var i=0; i<els.length; ++i)
        els[i].classList.add("test");
}

Demo