DOMTokenList.item()
The item()
method of the DOMTokenList
interface returns an item in the list by its index.
Syntax
tokenList.item(index)
Parameters
index
-
A 32-bit unsigned integer (
Number
) representing the index of the item you want to return.
Return value
A DOMString
representing the returned item. It returns null
if the number is greater than or equal to the length
of the list.
Examples
In the following example we retrieve the list of classes set on a <span>
element as a DOMTokenList
using Element.classList
. We then retrieve the last item in the list using item(tokenList.length - 1)
, and write it into the <span>
's Node.textContent
.
First, the HTML:
<span class="a b c"></span>
Now the JavaScript:
let span = document.querySelector("span"); let classes = span.classList; let item = classes.item(classes.length-1); span.textContent = item;
The output looks like this:
Specifications
Specification |
---|
DOM Standard (DOM) # ref-for-dom-domtokenlist-item① |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
item |
8 |
12 |
3.6 |
10 |
Yes |
6 |
3 |
18 |
4 |
Yes |
6 |
1.0 |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/item