files/en-us/web/api/domtokenlist/value/index.md
{{APIRef("DOM")}}
The value property of the {{domxref("DOMTokenList")}}
interface is a {{Glossary("stringifier")}} that returns the value of the list serialized as a
string, or clears and sets the list to the given value.
A string representing the serialized content of the list. Each item is separated by a space.
In the following example we retrieve the list of classes set on a
{{htmlelement("span")}} element as a DOMTokenList using
{{domxref("Element.classList")}}, then write the value of the list 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;
span.textContent = classes.value;
The output looks like this:
{{ EmbedLiveSample('Examples', '100%', 60) }}
{{Specifications}}
{{Compat}}