Метод add() для HTML DOMTokenList

  • Предыдущая страница add()
  • Следующая страница contains()
  • Вернуться на один уровень выше HTML DOMTokenList

Определение и использование

add() Метод добавляет один (или несколько) маркеров (token) в DOMTokenList.

Пример

Пример 1

Добавление класса "myStyle" к элементу:

const list = element.classList;
list.add("myStyle");

Попробуйте сами

Пример 2

Удаление класса "myStyle" из элемента:

const list = element.classList;
list.remove("myStyle");

Попробуйте сами

Пример 3

Переключение включения/отключения "myStyle":

const list = element.classList;
list.toggle("myStyle");

Попробуйте сами

Пример 4

Добавление нескольких классов к элементу:

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

Попробуйте сами

Пример 5

Получить количество классовых меток элемента:

const list = element.classList;
let numb = list.length;

Попробуйте сами

Пример 6

Получить классовый метку элемента "myDIV":

const list = document.getElementById("myDIV").classList;

Попробуйте сами

Пример 7

Получить классовый метку элемента "myDIV":

let className = element.classList.item(0);

Попробуйте сами

Пример 8

Имеет ли элемент классовый метку "myStyle"?

let x = element.classList.contains("myStyle");

Попробуйте сами

Пример 9

Если элемент имеет классовый метка "myStyle", удалить "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}

Попробуйте сами

Синтаксис

domtokenlist.add(token)

Параметр

Параметр Описание
token Обязателен. Тег, который нужно добавить в список.

Возврат значения

Нет.

Поддержка браузеров

domtokenlist.add() Это функция DOM Level 4 (2015).

Он поддерживается всеми браузерами:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Internet Explorer 11 (и более ранние версии) не поддерживается domtokenlist.add().

Связанные страницы

Свойство length

Метод item()

Метод remove()

Метод toggle()

Метод replace()

Метод forEach()

Метод entries()

Метод keys()

Метод values()

Объект DOMTokenList

  • Предыдущая страница add()
  • Следующая страница contains()
  • Вернуться на один уровень выше HTML DOMTokenList