DOMTokenList: length property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The read-only length property of the DOMTokenList interface is an integer representing the number
of objects stored in the object.
Value
A positive integer, or 0 if the list is empty.
Examples
In the following example we retrieve the list of classes set on a
<span> element as a DOMTokenList using
Element.classList, then write the length of the list to the
<span>'s Node.textContent.
First, the HTML:
html
<span class="a b c"></span>
Now the JavaScript:
js
const span = document.querySelector("span");
const classes = span.classList;
const length = classes.length;
span.textContent = `classList length = ${length}`;
The output looks like this:
Specifications
| Specification |
|---|
| DOM # ref-for-dom-domtokenlist-length① |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
length
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support