Существует несколько способов изменить свойство класса CSS через JavaScript. Один из них — использовать метод classList и его свойство add, remove или toggle для добавления, удаления или переключения класса на элементе. Например:
<div id="myDiv" class="myClass"></div>var myDiv = document.getElementById("myDiv");
myDiv.classList.add("newClass"); // добавление нового класса
myDiv.classList.remove("myClass"); // удаление старого класса
myDiv.classList.toggle("active"); // переключение классаДругой способ — использовать свойство style элемента для изменения конкретных свойств CSS. Например:
<div id="myDiv" style="background-color: blue;"></div>var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red"; // изменение цвета фонаТакже можно использовать метод setAttribute для изменения атрибута class элемента. Например:
<div id="myDiv" class="myClass"></div>var myDiv = document.getElementById("myDiv");
myDiv.setAttribute("class", "newClass"); // изменение класса
