DOMTokenList: length プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
length は DOMTokenList インターフェイスの読み取り専用プロパティで、オブジェクト内に格納されたオブジェクトの個数を整数で表します。
値
正の整数、またはリストが空であれ 0 です。
例
次の例は、 <span> 要素に設定されたクラスのリストを Element.classList を使用して DOMTokenList として取得し、そのリストの長さを <span> の Node.textContent の中に書き込みます。
最初に HTML です。
html
<span class="a b c"></span>
そして JavaScript です。
js
const span = document.querySelector("span");
const classes = span.classList;
const length = classes.length;
span.textContent = `classList length = ${length}`;
出力結果は以下のようになります。
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-domtokenlist-length① |