DOMTokenList: item() メソッド

index

返したい項目の位置を表す数値です。整数でなかった場合は、整数部分のみが使用されます。

返された要素を表す文字列です。数値がそのリストの length 以上であった場合は null を返します。

TypeError

index が整数に変換できなかった場合に発生します。

次の例は、 <span> 要素に設定されたクラスのリストを DOMTokenList として取得するのに Element.classList を使用します。それからリスト内の最後の要素を item(tokenList.length - 1) を使用して取得し、 <span> の Node.textContent の中に書き込みます。

最初に HTML です。

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

そして JavaScript です。

const span = document.querySelector("span");
const classes = span.classList;
const item = classes.item(classes.length - 1);
span.textContent = item;

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