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

Question

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

有下载按钮可以链接到文件下载。我的目可能付出的努力超过了它的值(value))。

我有一个函数可以执行正文的 onload:

function hide_download_btns(){
if (document.getElementById('download_btn_var_input').value == "true") {
    document.getElementsByClassName('project_download_btn').item(0).hidden = true
    }
}

我的问题是它要求第 n 个术语 .item(0)。这是它选择执行函数的 div 的地方，但是，我希望该函数影响 所有 div 类名称为“project_download_btn”。

我不是 jQuery 的粉丝，所以如果可能的话最好避免使用它。

Answer 1

您可以简单地遍历元素而不是只取第 0 个。

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

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