DOMTokenList: length プロパティ

lengthDOMTokenList インターフェイスの読み取り専用プロパティで、オブジェクト内に格納されたオブジェクトの個数を整数で表します。

正の整数、またはリストが空であれ 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}`;

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

仕様書

Specification
DOM Standard
# ref-for-dom-domtokenlist-length①

ブラウザーの互換性

BCD tables only load in the browser