js как изменить свойство CSS

Существует несколько способов изменения свойств CSS с помощью JavaScript:

  1. Использование свойства style объекта элемента:
// получаем элемент
const element = document.getElementById('my-element');

// изменяем свойство
element.style.backgroundColor = 'red';
  1. Использование метода setAttribute:
// получаем элемент
const element = document.getElementById('my-element');

// изменяем свойство
element.setAttribute('style', 'background-color: red;');
  1. Использование классов:
// получаем элемент
const element = document.getElementById('my-element');

// добавляем класс
element.classList.add('red-background');

В CSS определяем класс:

.red-background {
  background-color: red;
}
реклама

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

реклама

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

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

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

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

Закажите услугу js как изменить свойство CSS

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