javascript - クラス名で要素を取得するには?

Question

JavaScript を使用すると、次の構文を使用して ID で要素を取得できます。

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

クラスごとに要素を取得するために次のことを試みました：

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

しかし、それはエラーになりました：

getElementByClass is not function

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

Answer 1

を使用する必要がありますdocument.getElementsByClassName('class_name');

戻り値が要素の配列であることを忘れないでください。最初の値が必要な場合は、次を使用します。

document.getElementsByClassName('class_name')[0]

アップデート

これで、次を使用できます。

document.querySelector(".class_name")class_nameCSS クラスを持つ最初の要素を取得します (nullページ上の要素にこのクラス名がない場合に返されます)

またはdocument.querySelectorAll(".class_name")、css クラスを使用して要素の NodeList を取得しますclass_name(ページ上の要素にこのクラス名がない場合、空の NodeList が返されます)。