files/en-us/web/api/domtokenlist/values/index.md
{{APIRef("DOM")}}
The values() method of the {{domxref("DOMTokenList")}} interface
returns an {{jsxref("Iteration_protocols",'iterator')}}
allowing the caller to go through all values contained in the DOMTokenList.
The individual values are strings.
values()
None.
Returns an {{jsxref("Iteration_protocols","iterator")}}.
In the following example we retrieve the list of classes set on a
{{htmlelement("span")}} element as a DOMTokenList using
{{domxref("Element.classList")}}. We when retrieve an iterator containing the values
using values(), then iterate through those values using a for...of loop,
writing each one to the <span>'s {{domxref("Node.textContent")}}.
First, the HTML:
<span class="a b c"></span>
Now the JavaScript:
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.values();
for (const value of iterator) {
span.textContent += `(${value}) `;
}
The output looks like this:
{{ EmbedLiveSample('Examples', '100%', 60) }}
{{Specifications}}
{{Compat}}