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

JavaScript でクラス名によって要素を取得する方法

JavaScript では、ID によって要素を取得する構文は次のとおりです。

var x=document.getElementById("by_id");

ただし、次の構文を使用してクラスごとに要素を取得しようとすると、エラーが発生します:

var y=document.getElementByClass("by_class");

解決策:

クラスごとに要素を正常に取得するには代わりに getElementsByClassName 関数を使用します。

var y = document.getElementsByClassName('foo');

考慮事項:

戻り値は、単一の要素ではなく、配列のようなオブジェクト (NodeList または HTMLCollection) です。個々の要素にアクセスするには、角括弧表記 (y[0]) を使用します。

代替メソッド:

querySelector('.foo') および querySelectorAll('.foo) ') は、より幅広いブラウザーをサポートしているため、推奨される代替手段です (getElementsByClassName の場合は 93.99% 対 87.24%)。

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