js как менять CSS

Существует несколько способов изменения CSS с помощью JavaScript:

1. Изменение стилей элемента через свойство style:

let element = document.getElementById("myElement");
element.style.color = "red";
element.style.backgroundColor = "blue";

2. Изменение класса элемента через свойство className:

let element = document.getElementById("myElement");
element.className = "newClass";

3. Изменение класса элемента через свойство classList:

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

4. Изменение стилей элемента через методы объекта style:

let element = document.getElementById("myElement");
element.style.setProperty("color", "red");
element.style.removeProperty("background-color");

5. Использование CSSText для изменения всех стилей элемента:

let element = document.getElementById("myElement");
element.style.cssText = "color: red; background-color: blue;";