纯JS在同一个id的许多div中添加类

Question

我想在同一个id的许多div中添加“hidden”类。

function show_wzorce(x) {
    document.getElementById("" + x + "").className += " hidden";

    var divs = document.getElementById("" + x + "");
    for (var i = 0; i < divs.length; i++) {
        divs[i].className += " hidden";
    }
}

Answer 1

ID必须是唯一的。您可以使用getElementsByClassName执行相同的操作（元素后面有“s”）

您的代码应如下所示：

function show_wzorce(x) { // assuming x is string
    var divs = document.getElementsByClassName(x); //this returns an HTML Collection. But works as an array 
    for (var i = 0; i < divs.length; i++) {
        divs[i].className += " hidden";
    }
}