Как добавлять\удалять css класс у элементов с помощью javascript?

@roxanne.hauck 

Чтобы добавить CSS класс к элементу с помощью JavaScript, вы можете использовать метод classList.add():

1
2

const element = document.getElementById("myElement");
element.classList.add("myClass");

В этом примере мы добавляем класс "myClass" к элементу с идентификатором "myElement".

А чтобы удалить CSS класс с элемента, используйте метод classList.remove():

1

element.classList.remove("myClass");

В этом примере мы удаляем класс "myClass" с элемента. Если класса "myClass" не существует у элемента, ничего не произойдет.

Вы также можете проверить, есть ли определенный класс у элемента, используя метод classList.contains():

1
2
3
4
5

if (element.classList.contains("myClass")) {
  // Класс "myClass" присутствует на элементе
} else {
  // Класс "myClass" отсутствует на элементе
}

Это полезно, если вы хотите провести проверку перед добавлением или удалением класса.