Метод add()
Примеры domtokenlist.add()
Добавьте класс "myStyle" к элементу:
const list = element.classList;
list.add("myStyle");
Попробуйте сами »
Удалить класс "myStyle" из элемента:
const list = element.classList;
list.remove("myStyle");
Попробуйте сами »
Включение и выключение "myStyle":
const list = element.classList;
list.toggle("myStyle");
Попробуйте сами »
Ещё примеры ниже.
Описание add()
Метод add() добавляет один (или несколько) токенов в DOMTokenList.
Связные страницы add()
Синтаксис add()
domtokenlist.add(token)
Параметры add()
| Параметр | Описание |
|---|---|
| token | Обязательно. Токен(ы) для добавления в список. |
Возвращаемое значение add()
| НЕТ |
Ещё примеры add()
Добавьте несколько классов к элементу:
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
Попробуйте сами »
Получить количество токенов класса для элемента:
const list = element.classList;
let numb = list.length;
Попробуйте сами »
Получите токены класса элемента "myDIV":
const list = document.getElementById("myDIV").classList;
Попробуйте сами »
Получить токен первого класса элемента:
let className = element.classList.item(0);
Попробуйте сами »
Имеет ли элемент токен класса "myStyle"?
let x = element.classList.contains("myStyle");
Попробуйте сами »
Удалите "anotherClass", если элемент имеет токен класса "mystyle".
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
Попробуйте сами »
Поддержка add()
domtokenlist.add() является функцией DOM уровня 4 (2015).
Поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera |
| Да | Да | Да | Да | Да |
domtokenlist.add() не поддерживается в Internet Explorer 11 (и более ранних версиях).