DOMTokenList: values() メソッド
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2017年10月.
values() は DOMTokenList インターフェイスのメソッドで、開発者がこの DOMTokenList に含まれるすべての値を処理することができるイテレーターを返します。それぞれの値は文字列です。
構文
js
tokenList.values()
引数
なし。
返値
イテレーターを返します。
例
次の例では、 <span> 要素に設定されたクラスのリストを Element.classList を使用して DOMTokenList として受け取ります。 values() を使用して値を含むイテレーターを取得してから、 for...of ループを使用してそれぞれを反復処理し、それを <span> の Node.textContent に書き込みます。
最初に HTML です。
html
<span class="a b c"></span>
そして JavaScript です。
js
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.values();
for (const value of iterator) {
span.textContent += `(${value}) `;
}
出力結果は以下のようになります。