Методы изменения класса CSS с помощью JavaScript: добавление, удаление, переключение и замена

Чтобы изменить класс с помощью JavaScript, вы можете использовать несколько методов. Вот некоторые часто используемые подходы:

  1. classList.add(): этот метод добавляет одно или несколько имен классов в список классов элемента.
  2. classList.remove(): удаляет одно или несколько имен классов из списка классов элемента.
  3. classList.toggle(): переключает наличие класса. Если класс существует, он удаляет его; в противном случае он добавляет его.
  4. classList.replace(): этот метод заменяет указанный класс другим классом в элементе.

Например, чтобы изменить класс элемента с идентификатором «myElement» на «newClass», вы можете использовать следующий код:

var element = document.getElementById("myElement");
element.classList.remove("oldClass");
element.classList.add("newClass");