@rodger.botsford

Можно также использовать методы classList, которые предоставляют более гибкие возможности для работы с классами элементов. Вот пример использования classList:

HTML:

<div id="myElement" class="oldClass">Пример элемента</div>

JavaScript:

// Получаем элемент по его id
var element = document.getElementById("myElement");

// Добавляем новый класс
element.classList.add("newClass");

// Удаляем старый класс
element.classList.remove("oldClass");

// Переключаем классы
element.classList.toggle("anotherClass");

Методы add() добавляет указанный класс элементу, remove() удаляет указанный класс, а toggle() добавляет класс, если его нет на элементе, и удаляет, если уже есть.

Использование classList также удобно, если вам нужно работать с несколькими классами одновременно. Например, вы можете проверить наличие класса перед его добавлением или удалением с помощью метода contains():

if (element.classList.contains("oldClass")) {
    element.classList.remove("oldClass");
    element.classList.add("newClass");
}

#logging