JavaScript で同じ ID を持つ複数の要素を操作するにはどうすればよいですか?

JavaScript の getElementById() を使用して、同じ ID を持つ複数の要素を操作する

HTML 要素には一意の ID が必要であるというルールにもかかわらず、要素が重複した ID を持つ状況が発生する可能性があります。 API ドキュメントなどの外部要因によるもの。このような場合、JavaScript の getElementById() 関数を使用してこれらの要素のコレクションを取得するのは困難な場合があります。

最初に一致した要素のみを返す getElementById() のみに依存する代わりに、querySelectorAll() を利用して、同じ ID を持つ複数の要素を取得します。これを実現する方法は次のとおりです。

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

// Iterate through the elements and perform necessary actions
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = 'none'; // For example, hiding the elements
}

このコードは、指定された ID を持つ要素の配列を提供し、必要に応じてプロパティを操作または変更できるようにします。

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