DOMTokenList: keys() メソッド
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月.
keys() は DOMTokenList インターフェイスのメソッドで、このオブジェクトに含まれるすべてのキーを処理することができるイテレーターを返します。
キーの型は符号なし整数です。
構文
js
keys()
引数
なし。
返値
イテレーターを返します。
例
次の例では、 <span> 要素に設定されたクラスのリストを DOMTokenList として受け取るために、 Element.classList を使用しています。 keys() を使用してキーを含むイテレーターを取得してから、 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.keys();
for (let value of iterator) {
span.textContent += `(${value}) `;
}
出力結果は以下のようになります。
仕様書
This feature does not appear to be defined in any specification.ブラウザーの互換性
Loading…