【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
JavaScriptでクリックイベントを設定する場合、 使いやすいようにそれぞれ、div要素を作りid属性を付ける、といった理解でおりましたが、 今回のレッスンで、クラス属性を指定し、その要素を特定することも可能と学びました。 クラス属性はHTMLで複数の場所で使用することができますが、 document.querySelectorAllで、複数の場所で使用しているクラスを指定した場合、 そのクラスが付いている要素全てについて、同じイベントを設定することができますか? たとえば、モーダルウインドウの閉じるボタンなどは、モーダルウィンドウが複数あっても同じ動作を指定することになるので、クラス属性を指定し、同じイベントを設定できれば・・・と思うのですが。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
JavaScriptでクリックイベントを設定する場合、
使いやすいようにそれぞれ、div要素を作りid属性を付ける、といった理解でおりましたが、
今回のレッスンで、クラス属性を指定し、その要素を特定することも可能と学びました。
クラス属性はHTMLで複数の場所で使用することができますが、
document.querySelectorAllで、複数の場所で使用しているクラスを指定した場合、
そのクラスが付いている要素全てについて、同じイベントを設定することができますか?
たとえば、モーダルウインドウの閉じるボタンなどは、モーダルウィンドウが複数あっても同じ動作を指定することになるので、クラス属性を指定し、同じイベントを設定できれば・・・と思うのですが。