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にも対応してます。

やーまん
  • WordPressでテーマやプラグインの開発をしています。
    開発中に使用したHow toを中心に書き残していきます。

JavaScript

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です