Существует несколько способов изменения CSS в JavaScript:
- Использование свойства style объекта элемента:
const element = document.getElementById('myElement');
element.style.color = 'red';- Использование метода setAttribute:
const element = document.getElementById('myElement');
element.setAttribute('style', 'color: red;');- Использование классов:
const element = document.getElementById('myElement');
element.classList.add('myClass');- Использование CSS переменных:
document.documentElement.style.setProperty('--my-color', 'red');- Использование CSSOM:
const style = document.createElement('style');
style.innerHTML = `
#myElement {
color: red;
}
`;
document.head.appendChild(style);
