JavaScript

JavaScriptで、html上のとあるclassを持つ要素を軒並み非表示にしたいとき

More than 3 years have passed since last update.

結論

document.getElementsByClassName()で配列取得して、
ぐるぐる回しながらstyle.display = "none"にすればおkだ!

var element = document.getElementsByClassName("class名");
for (var i=0;i<element.length;i++) {
  element[i].style.display = "none";
}

追記

コメントにて、asahina_devさま、ngyukiさまより
より良いやり方をご教授いただいております!
是非そちらもご参照くださいませー。

参考

document.getElementsByClassName - Web API インターフェイス | MDN