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

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

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

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

реклама

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

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

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

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

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

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