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

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

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

const element = document.getElementById('my-element');
element.style.color = 'red';
element.style.fontSize = '20px';

2. Создание элемента style и добавление его в head:

const style = document.createElement('style');
style.innerHTML = `
  #my-element {
    color: red;
    font-size: 20px;
  }
`;
document.head.appendChild(style);

3. Использование атрибута 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');

4. Использование библиотеки, такой как jQuery, для управления стилями элементов:

$('#my-element').css({
  color: 'red',
  fontSize: '20px'
});