HTMLで複数の要素を選択する方法

1. クラス名を使用して要素を選択する方法: HTML要素に共通のクラス名を指定し、document.getElementsByClassName()メソッドを使用して要素を選択します。次のコード例を参考にしてください。

   <div class="my-element">要素1</div>
   <div class="my-element">要素2</div>
   <div class="my-element">要素3</div>
   <script>
    var elements = document.getElementsByClassName("my-element");
    // elementsにはクラス名が"my-element"の要素が配列として格納されます
    // 要素に対して必要な処理を行います
   </script>

2. CSSセレクタを使用して要素を選択する方法: CSSセレクタを使用して要素を選択することもできます。document.querySelectorAll()メソッドを使用すると、任意のCSSセレクタを指定して要素を選択できます。以下の例を参考にしてください。

   <div class="my-element">要素1</div>
   <div class="my-element">要素2</div>
   <div class="my-element">要素3</div>
   <script>
    var elements = document.querySelectorAll(".my-element");
    // elementsにはCSSセレクタ".my-element"にマッチする要素が配列として格納されます
    // 要素に対して必要な処理を行います
   </script>

これらの方法を使用すると、HTMLで複数の要素を選択し、必要な処理を行うことができます。適切な方法を選択し、プロジェクトの要件に合わせて実装してください。