Как добавить css в js

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

  1. Использование метода style объекта элемента DOM:
const element = document.getElementById('my-element');
element.style.color = 'red';
element.style.fontSize = '20px';
  1. Создание элемента style и добавление его в head:
const style = document.createElement('style');
style.innerHTML = `
  #my-element {
    color: red;
    font-size: 20px;
  }
`;
document.head.appendChild(style);
  1. Использование атрибута class элемента DOM и определение стилей в CSS файле:
<div id="my-element" class="red-text">Hello World</div>
.red-text {
  color: red;
  font-size: 20px;
}
const element = document.getElementById('my-element');
element.classList.add('red-text');
  1. Использование библиотеки, такой как jQuery, для управления стилями элементов:
$('#my-element').css({
  color: 'red',
  fontSize: '20px'
});
реклама

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

реклама

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

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

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

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

Закажите услугу Как добавить css в js

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