クラス名（class属性の値）をすべて取得

クラス名（class属性の値）をすべて取得するには、element.classNameプロパティを使用します。

var result = element.className;

取得したクラス名を返します。

JavaScript

var sampleElement = document.getElementById('sample'),
    result        = sampleElement.className;

alert(result);

クラス名を複数指定していた場合はスペース区切りでそのまま返してきます。それを配列で返すためには次の方法があります。

JavaScript

var getClassNames = function(element) {
	return (element) ? element.className.split(' ') : [];
};

引数名		型	説明
第一引数必須	element	Element	要素

取得したクラス名を配列で返します。

JavaScript

var sampleElement = document.getElementById('sample'),
    classNames    = getClassNames(sampleElement);

alert(classNames);