The item() method of the DOMTokenList interface returns an item in the list by its index.




A DOMString representing the index of the item you want to return.

Return value

A DOMString representing the returned item. It returns undefined if the number is greater than or equal to the length of the list.


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(length-1), and write it into the <span>'s Node.textContent.

First, the HTML:

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

Now the JavaScript:

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

The output looks like this:


Specification Status Comment
The definition of 'item()' in that specification.
Living Standard Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes12 Yes10 Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes ? Yes Yes Yes Yes

Document Tags and Contributors

Contributors to this page: fscholz, chrisdavidmills
Last updated by: fscholz,