Чтобы изменять CSS через JavaScript, можно использовать свойства объекта style, доступного для любого элемента на веб-странице.
Например, чтобы изменить цвет фона элемента по его ID, можно написать следующий код:
HTML:
<div id="myDiv">Это мой DIV</div>
JavaScript:
var myDiv = document.getElementById("myDiv"); // Получение элемента по ID
myDiv.style.backgroundColor = "red"; // Изменение цвета фона элемента
Также можно создать новые стили и добавить их в элемент с помощью метода setAttribute:
var myDiv = document.getElementById("myDiv"); // Получение элемента по ID
var newStyle = "background-color: blue; color: white;"; // Создание новых стилей
myDiv.setAttribute("style", newStyle); // Применение новых стилей к элементу
Обратите внимание, что при изменении CSS через JavaScript необходимо следить за тем, чтобы соблюдать правила именования CSS классов и свойств, а также не перезаписывать стили, которые могут быть применены к элементу через другие классы.
