MENU

JavaScriptクリックで発火させたい要素をクラス名から抽出するサンプルコード

JavaScript

var button = document.getElementsByClassName("button_class_name");
for (var i = 0; i < button.length; i++) {
  button[i].addEventListener("click", function (e) {
    //処理を行う
  });
}

大まかな流れとして、

getElementsByClassNameでクラス名に適合する要素を抽出。

for文で抽出した要素を順番に展開

展開した要素をaddEventListenerのクリックに紐付け

for文にする事でforEach非対応のIE11にも対応してます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次