DOMTokenList.add()

The add() method of the DOMTokenList interface adds the given token to the list.

Syntax

tokenList.add(token1[, token2[, ...tokenN]]);

Parameters

tokenN

A DOMString representing the token (or tokens) to add to the tokenList.

Return value

undefined

Examples

In the following example we retrieve the list of classes set on a <span> element as a DOMTokenList using Element.classList. We then add a new token to the list, and write the list 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;
classes.add("d");
span.textContent = classes;

The output looks like this:

You can add multiple tokens as well:

span.classList.add("d", "e", "f");

Specifications

Browser compatibility