制作・管理ツールスマホPC・MacガジェットアプリMoneyOfficeLife#Amazon#Bluetooth#Composer#CSS#Docker#GAS#GoogleCloud#Googleマップ#Homebrew#HTML#JavaScript#Laravel#Node.js#PHP#ReactNative#SNS#SQL#Tasker#VSCode#WebAPI#Wi-Fi・LAN#WordPress#アクセス解析#サーバー#スプレッドシート#スマートホーム#スマホカメラ#データ通信#ネットショップ#ネット広告#ネット証券#ネット銀行#ファイル共有#ブラウザ#ポイント#不具合#動画アプリ#安い・お得#本・電子書籍#終了・廃止#購入アイテム#電子マネー・電子決済#電話・通話TwitterRSSFeedly2022/07/25Web・App制作#JavaScript【JavaScript】クリックイベントを複数の要素に適用させる例|同じclassを持つ要素など今回はJavaScriptで、指定したすべての要素に対してイベントリスナーを適用させる方法となります。例では、同じclassの値をもつ要素に対してクリックイベントを適用させます。以下、JavaScriptの例となり、classの値にmenuを持つすべての要素に対して、addEventListener()で同じクリックイベントを適用しています。以下、JavaScriptのコードの簡単な説明となります。getElementsByClassName()では、ページ内からclassの値にmenuを持つ要素の集合(HTMLCollection)を取得しています。取得した要素の集合をforループで扱い、要素ごとにaddEventListener()を使いクリックイベントを適用しています。それにより、classの値にmenuを持ついずれかの要素がクリックされた際に、addEventListener()のコールバック関数のmenuClick()が実行されます。コメントをキャンセルコメントは項目欄(*は必須項目)を入力し、「コメントを送信」ボタンをクリックしてください。(メールアドレスは公開されることはありません。コメントの公開は承認制となります。)また、多忙によりコメントには返信できない場合があります。Twitterで返信する場合はこちらから。DESTROY広告ブロッカーが有効のため、コンテンツ内におすすめ商品などが表示されています。