DOMTokenList: метод add()

Метод add() интерфейса DOMTokenList добавляет указанные токены в список, опуская те, которые уже присутствуют.

tokenN

Строка, представляющая токен (или токены), который(е) необходимо добавить в DOMTokenList.

Ничего.

SyntaxError DOMException

Выбрасывается, если один из аргументов является пустой строкой

InvalidCharacterError DOMException

Выбрасывается, если токен содержит ASCII-пробелы.

В следующем примере мы получаем список классов, установленных на элементе <span>, как DOMTokenList, используя Element.classList. Затем мы добавляем новый токен в список и записываем список в Node.textContent элемента <span>.

Сначала HTML:

<span class="a b c"></span>

Теперь JavaScript:

const span = document.querySelector("span");
const classes = span.classList;
classes.add("d");
span.textContent = classes;

Вывод выглядит так:

Вы также можете добавить несколько токенов:

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