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

Существует несколько способов изменить свойство класса CSS через JavaScript. Один из них — использовать метод classList и его свойство add, remove или toggle для добавления, удаления или переключения класса на элементе. Например:

<div id="myDiv" class="myClass"></div>
var myDiv = document.getElementById("myDiv");
myDiv.classList.add("newClass"); // добавление нового класса
myDiv.classList.remove("myClass"); // удаление старого класса
myDiv.classList.toggle("active"); // переключение класса

Другой способ — использовать свойство style элемента для изменения конкретных свойств CSS. Например:

<div id="myDiv" style="background-color: blue;"></div>
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red"; // изменение цвета фона

Также можно использовать метод setAttribute для изменения атрибута class элемента. Например:

<div id="myDiv" class="myClass"></div>
var myDiv = document.getElementById("myDiv");
myDiv.setAttribute("class", "newClass"); // изменение класса
реклама

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

реклама

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

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

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

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

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

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