DOMTokenList.values()

values()DOMTokenList インターフェイスのメソッドで、開発者がこの DOMTokenList に含まれるすべての値を処理することができる反復子を返します。それぞれの値は文字列です。

構文

tokenList.values();

引数

なし。

返値

反復子を返します。

次の例では、 <span> 要素に設定されたクラスのリストを Element.classList を使用して DOMTokenList として受け取ります。 values() を使用して値を含む反復子を取得してから、 for...of ループを使用してそれぞれを反復処理し、それを <span>Node.textContent に書き込みます。

最初に HTML です。

<span class="a b c"></span>

そして JavaScript です。

const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.values();

for(let 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