Как в js изменить CSS

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

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

const element = document.getElementById('myElement');
element.style.color = 'red';

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

const element = document.getElementById('myElement');
element.setAttribute('style', 'color: red;');

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

const element = document.getElementById('myElement');
element.classList.add('myClass');

4. Использование CSS переменных:

document.documentElement.style.setProperty('--my-color', 'red');

5. Использование CSSOM:

const style = document.createElement('style');
style.innerHTML = `
  #myElement {
    color: red;
  }
`;
document.head.appendChild(style);