javascript - 如果我的类的任何实例被单击隐藏 elem (纯 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>