如果单击班级的任何实例，则隐藏隐藏（普通JS）

Question

我试图简单地检测是否单击了班级的任何实例； 如果是这样，只需隐藏div。

var classname = document.getElementsByClassName("big-button");

for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('click', myFunction, false);
    document.getElementById('hidethisDiv').style.display = "none";
}

Answer 1

您需要将此代码document.getElementById('hidethisDiv').style.display = "none"函数中。

 var classname = document.getElementsByClassName("big-button"); function myFunction() { document.getElementById('hidethisDiv').style.display = "none"; } for (var i = 0; i < classname.length; i++) { classname[i].addEventListener('click', myFunction, false); } 

 <button class='big-button'>big-button</button> <div id='hidethisDiv'>Will be hidden soon!</div>