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

Для изменения CSS свойств через JS можно использовать методы объекта style элемента. Например, чтобы изменить цвет фона элемента с id «myElement» на красный, можно написать следующий код:

var element = document.getElementById("myElement");
element.style.backgroundColor = "red";

Аналогично можно изменять любые другие CSS свойства, например:

element.style.color = "blue";
element.style.fontSize = "20px";
element.style.border = "1px solid black";

Также можно использовать методы объекта classList элемента для добавления, удаления или переключения классов, которые определяют набор CSS свойств. Например, чтобы добавить класс «active» к элементу, можно написать:

element.classList.add("active");

А чтобы удалить класс «active», можно написать:

element.classList.remove("active");

Или чтобы переключить класс «active» (если он уже есть, то удалить, а если нет, то добавить), можно написать:

element.classList.toggle("active");
реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменять css свойства через js

Наш специалист свяжется с вами в ближайшее время и уточнит детали