JavaScript でクラス名で要素を取得するにはどうすればよいですか?

クラス名による要素の取得

JavaScript では、ID による要素の取得は document.getElementById("element-id "） 方法。ただし、document.getElementByClass("class-name") を使用してクラス名で要素にアクセスしようとすると、エラー возникает.

Solution: getElementsByClassName()

クラス名に基づいて要素を取得する正しい構文は document.getElementsByClassName("class-name") です。このメソッドは、指定されたクラスを共有するすべての要素を含む NodeList を返します。 NodeList 内の特定の要素にアクセスするには、y[0] などのインデックスを使用して、最初に一致する要素にアクセスします。

配列への変換

NodeList を配列として表す必要がある場合は、Array.prototype.slice.call() メソッドを利用してこれを行うことができます。

var arrFromList = Array.prototype.slice.call(y);

代替アプローチ

ブラウザのサポートが向上するため、代わりに querySelectorAll('.foo') または querySelector('.foo') メソッドの使用を検討してください。

その他の考慮事項

• DOM 操作の正確な情報については、W3Schools ではなく MDN を参照してください。

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