DOMTokenList.entries()

DOMTokenList.entries() メソッドは、このオブジェクトに含まれるすべてのキー/値の組を処理することができる反復子を返します。値は DOMString オブジェクトであり、それぞれが単一のトークンを表します。

構文

tokenList.entries();

返値

反復子を返します。

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

最初に HTML です。

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

そして JavaScript です。

let span = document.querySelector("span");
let classes = span.classList;
let iterator = classes.entries();

for (let value of iterator) {
  span.textContent += value + ' ++ ';
}

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

仕様書

仕様書 状態 備考
DOM
entries() (as iterable<Node>) の定義
現行の標準 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報

  • DOMSettableTokenList (DOMTokenList を設定可能な .value プロパティで拡張したオブジェクト)