DOMTokenList: keys() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年10月以降、すべてのブラウザーで利用可能です。

keys() は DOMTokenList インターフェイスのメソッドで、このオブジェクトに含まれるすべてのキーを処理することができるイテレーターを返します。キーの型は符号なし整数です。

構文

keys()

引数

なし。

返値

イテレーターを返します。

例

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

最初に HTML です。

html

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

そして JavaScript です。

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

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

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