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