JavaScript

JavaScript getElementsByClassName method.

getElementsByClassName

 特定の class名(class属性値)から要素を取得する際に使用します。

Syntax (構文)


var elements = document.getElementsByClassName(className);

引数名
第一引数(必須)
className
string
説明
所得する要素の class属性値

 存在する場合は1個以上の HTMLCollectionを返し、存在しない場合は0個の HTMLCollectionを返します。

Sample

JavaScript source


var sampleElements = document.getElementsByClassName('sample');

for (var i = 0, len = sampleElements.length; i < len; i++) {
	// 中略
}

Browser compatibility

Data on support for the getelementsbyclassname feature across the major browsers from caniuse.com