JavaScript

JavaScriptのgetElementsByClassName()で、同じclassを持つ複数のHTML要素を取得する基本を説明します。

JavaScript getElementsByClassName method.

getElementsByClassName

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

var elements = document.getElementsByClassName(className);

引数名

第一引数（必須）

className

型

string

説明

所得する要素の class属性値

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

Sample

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

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

Browser compatibility