Javascript 如何选择具有相同类名的所有元素？

我有一个布尔变量。它存储在一个隐藏的输入字段中。基本上，如果用户登录，则为false，否则为true

有下载按钮将链接到文件下载。我的目标是这样，如果他们没有登录，按钮将不会显示，链接将不起作用。最好有一个警报，说他们需要登录或其他什么，但这可能是更多的努力比它的价值

我有一个函数，可以执行身体的加载：

我的问题是它要求第n个术语。item0。这是它选择要在其上执行该函数的div的地方，但是，我希望该函数影响所有类名为“project\u download\u btn”的div

---

我不喜欢jQuery，所以如果可能的话，最好避免这种情况。

您可以简单地在元素之间循环，而不是只使用第0个元素

var buttons = document.getElementsByClassName('project_download_btn');

for(var i=0; i< buttons.length; i++){
    buttons[i].hidden = true;
}

---

您可以简单地在元素之间循环，而不是只取第0个

var buttons = document.getElementsByClassName('project_download_btn');

for(var i=0; i< buttons.length; i++){
    buttons[i].hidden = true;
}

document.getElementsByClassName返回数组，因此您感兴趣的是：

document.getElementsByClassName('project_download_btn')[0]

document.getElementsByClassName返回数组，因此您感兴趣的是：

document.getElementsByClassName('project_download_btn')[0]

循环浏览包含下载按钮的每个div，并将hidden设置为true：

循环浏览包含下载按钮的每个div，并将hidden设置为true：

---

明亮的这就是我所需要的。我想我需要练习循环：太棒了！这就是我所需要的。我想我需要练习循环：

if (document.getElementById('download_btn_var_input').value == "true") {
    var button_divs_array = document.getElementsByClassName('project_download_btn');
    for (var i = 0; i < button_divs_array.length; i++) {
        button_divs_array[i].hidden = true;
    }
}