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 July 2015.

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}) `;
}

出力結果は以下のようになります。

仕様書

No specification found

No specification data found for api.DOMTokenList.values.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

ブラウザーの互換性

BCD tables only load in the browser