Как добавить css через js

Для добавления CSS через JavaScript можно использовать метод insertRule объекта CSSStyleSheet. Пример:

// получаем объект стиля
var style = document.createElement('style');
document.head.appendChild(style);
var sheet = style.sheet;

// добавляем правило
sheet.insertRule('body { background-color: red; }', 0);

В этом примере мы создаем элемент style и добавляем его в head документа. Затем мы получаем объект CSSStyleSheet для этого элемента и добавляем правило body { background-color: red; } на первую позицию в таблице стилей.