JavaScript オブジェクト

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

JS DOM リファレンスマニュアル

JavaScript History オブジェクト HTML DOM Element オブジェクト

HTML DOM getElementsByClassName() メソッド

element.getElementsByClassName()指定されたクラス名を持つすべての子要素を含むクラス配列オブジェクトを返します。documentオブジェクト上で呼び出された場合、DOMドキュメント全体を検索し、ルートノードを含みます。また、任意の要素上でgetElementsByClassName()メソッドを呼び出すこともできます。この場合、現在の要素をルートノードとして、指定されたクラス名を持つすべての子要素が返されます。

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

インデックス番号で返されたリストにアクセスすることができます。インデックスは0から始まります。

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

のdocument.getElementsByClassName()方法の動作原理は基本的には同じですが、全体のドキュメントに作用し、ドキュメントのルートから始まります。

语法：

element.getElementsByClassName(class)

例

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

テストして見て‹/›

ブラウザの互換性

すべてのブラウザがgetElementsByClassName()メソッドを完全にサポートしています：

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

引数の値

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

技術的詳細

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