DOM

：

：

Element.classList プロパティ

　編集：2022.09.20 by T.A.

[Edge]。読取専用。→、、

element の生きた class 属性のリストを DOMTokenList で返します。

これを使用してクラス リストを操作することができます。

classList を使用することは、element.className から取得した空白区切りの文字列として要素のクラスのリストにアクセスすることの便利な代替手段になります。

構文
element.classList
element Element オブジェクト。
値

DOMTokenList。class 属性が設定されていない場合や空の場合は、空の DOMTokenList を返します。すなわち、DOMTokenList の length プロパティが 0 になります。

DOMTokenList 自体は読み取り専用ですが、add()、remove()、replace()、toggle() の各メソッドを用いてオブジェクトを変更することはできます。

HTML： 

<SPAN id=IdTest class="Test1 Test2 Test3">[SPAN要素]</SPAN>

JavaScript： 

D=IdTest.classList; //＝[object]：Test1 Test2 Test3
	//0＝[string]：Test1
	//1＝[string]：Test2
	//2＝[string]：Test3
	//entries＝[function]：function entries() { [native code] }
	//…

ちなみに、 

D=IdTest.className; //＝[string]：Test1 Test2 Test3
テスト