The item()
method of the DOMTokenList
interface returns an item in the list by its index.
Syntax
tokenList.item(index)
Parameters
index
- A
DOMString
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 | Status | Comment |
---|---|---|
DOM The definition of 'item()' in that specification. |
Living Standard | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
item | Chrome Full support 1 | Edge Full support 12 | Firefox Full support Yes | IE Full support 10 | Opera Full support Yes | Safari Full support 5.1 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support 5.1 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support