HTML DOMのgetElementsByClassName（）メソッド

例

クラス名ですべての要素を取得します。

VARのx = document.getElementsByClassName（ "例" ）;

getElementsByClassName（）メソッドは、のNodeListオブジェクトとして、文書内のすべての要素がコレクションのクラス名を指定して返します。

NodeListオブジェクトは、ノードリストの順序を表します。 NodeListオブジェクト我々は、ノードのインデックス番号のノードリストを（インデックス番号が0から始まる）ノードのリストにアクセスすることができます。

ヒント：のNodeListオブジェクトの使用することができ、長さ、必要な要素を取得するには、クラス名で要素の数、およびサイクルの様々な要素を決定するためにプロパティを。

表中の数字は、メソッドのバージョン番号をサポートする最初のブラウザを表します。

ウェイ
getElementsByClassName（）	4.0	9.0	3.0	3.1	9.5

document.getElementsByClassName（クラス名）

パラメータ	タイプ	説明
クラス名	文字列	必要があります。要素のクラスは、あなたが名前を取得する必要があります。このような「テストのデモ」などのスペースで区切られた複数のクラス名、。

DOMのバージョン：	コアレベル1のドキュメントオブジェクト
戻り値：	要素を表すのNodeListオブジェクトは、コレクションのクラス名を指定します。コード内の出現順で、その種のコレクションの要素の順序。

「例」と「色」のすべての要素のクラス名を取得します：

var x = document.getElementsByClassName( "example color" );

どのように多く（のNodeListのlengthプロパティを使用して）スタイルクラス= "例"要素の文書を表示するには、次のとおりです。

var x = document.getElementsByClassName( "example" ).length;

すべてのスタイルクラス= "例"の要素の背景色を変更します。

var x = document.getElementsByClassName( "example" );
var i;
for (i = 0 ; i < x.length; i++) {
x[i].style.backgroundColor = "red" ;
}