使用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