Element.classList

Свойство classList возвращает список классов элемента. Так же в этом свойстве присутствует 4 метода:

  • add – добавление класса;
  • remove – удаление класса;
  • toggle – переключение класса;
  • contains – проверка наличия класса у элемента.
// добавление элементу класс "foo"
el.classList.add("foo");

// удаление класса "bar"
el.classList.remove("bar");

// переключение класса "foo"
el.classList.toggle("foo");

// возвращает "true" если у класса есть класс "foo", в противном случае "false"
console.log( el.classList.contains("foo") );

// добавление нескольких классов
el.classList.add( "foo", "bar" );