Как изменить свойство класса css через js

Существует несколько способов изменить свойство класса 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"); // изменение класса