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

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

1. Использование свойства style объекта элемента:

// получаем элемент
const element = document.getElementById('my-element');

// изменяем свойство
element.style.backgroundColor = 'red';

2. Использование метода setAttribute:

// получаем элемент
const element = document.getElementById('my-element');

// изменяем свойство
element.setAttribute('style', 'background-color: red;');

3. Использование классов:

// получаем элемент
const element = document.getElementById('my-element');

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

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

.red-background {
  background-color: red;
}