JavaScriptで同じIDを持つ要素を取得するにはどうすればよいですか?

JavaScript の getElementById を使用して同じ ID を持つ要素を取得する方法

JavaScript の getElementById() を使用して共有 ID に基づいて要素のコレクションを取得するこのメソッドは、同一の ID を持つ複数の要素を処理できないことを考えると、難しいように思えるかもしれません。ただし、歴史的な理由から、この手法を検討することは依然として重要です。

getElementById() と複数の ID

通常、HTML 要素には重複する ID を持たせることができません。一意性の要件に違反します。ただし、不適切に構築された HTML ドキュメントを操作する場合など、特定の状況では、同じ ID を持つ要素を操作する必要がある場合があります。

getElementById() の固有の制限を回避するには、querySelectorAll() を利用できます。代わりにメソッドを使用します。このメソッドを使用すると、指定された CSS セレクターに基づいて要素のコレクションを取得できます。 CSS セレクター「[id='myId']」を指定すると、指定された ID を持つすべての要素を選択できます。

コード例

次のコード スニペットです。 querySelectorAll() を使用して同じ ID を持つ要素を取得する方法を示します。

var elms = document.querySelectorAll("[id='myId']");

// Perform operations on the collection of elements
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = "none"; // Example operation
}

この例では、 elms 変数には、指定された ID を持つすべての要素の配列のようなコレクションが含まれます。その後、style.display プロパティを使用して要素を非表示にするなど、これらの要素に対して必要な操作を実行できます。

以上がJavaScriptで同じIDを持つ要素を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。