JavaScript オブジェクト

JavaScript リファレンスマニュアル

getElementsByClassName()方法は、指定されたclass属性値を持つ要素を取得し、返り値は集合です。

リスト内の要素は、ソースコード内での出現順にソートされます。

インデックス番号でアクセスできます。インデックスは0から始まります。

配列のlength属性が指定されたクラス名を持つ要素の数を確定し、そのすべての要素を巡回して必要な情報を抽出することができます。

document.getElementsByClassName(class)

例

var x = document.getElementsByClassName("demo");

すべてのブラウザで完全にサポートされているgetElementsByClassName()メソッド：

メソッド
getElementsByClassName()	は	は	は	は	は

パラメータ	説明
class	取得したい要素のクラス名を示す文字列。複数のクラス名を検索するには、スペースで区切ってください。例：“demo color”。

返り値：	すべての指定されたクラス名を持つ子要素の似た配列オブジェクトを返します。
DOMバージョン:	DOMレベル1

「demo」と「color」クラスを使用してすべての要素を取得する：

例

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

class="demo"を使用してすべての要素の背景色を変更する：

例

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