Существует несколько способов изменения CSS с помощью JavaScript:
- Изменение стилей элемента через свойство style:
let element = document.getElementById("myElement");
element.style.color = "red";
element.style.backgroundColor = "blue";
- Изменение класса элемента через свойство className:
let element = document.getElementById("myElement");
element.className = "newClass";
- Изменение класса элемента через свойство classList:
let element = document.getElementById("myElement");
element.classList.add("newClass");
element.classList.remove("oldClass");
- Изменение стилей элемента через методы объекта style:
let element = document.getElementById("myElement");
element.style.setProperty("color", "red");
element.style.removeProperty("background-color");
- Использование CSSText для изменения всех стилей элемента:
let element = document.getElementById("myElement");
element.style.cssText = "color: red; background-color: blue;";