Как добавить css из js массива?

Чтобы добавить CSS стили из массива в JavaScript, можно использовать следующий подход:

  1. Создайте элемент style и добавьте его к head документа:
var styleElement = document.createElement('style');
document.head.appendChild(styleElement);
  1. Сформируйте CSS правила из вашего массива. К примеру, пусть у вас есть массив с CSS правилами:
var cssRules = [
    'body { background: #f1f1f1; }',
    'h1 { color: blue; }'
];
  1. Преобразуйте массив CSS правил в строку:
var cssString = cssRules.join('n');
  1. Добавьте полученную строку с CSS правилами в созданный элемент style:
styleElement.innerHTML = cssString;

Теперь CSS стили, указанные в вашем массиве cssRules, будут применены к документу. Обратите внимание, что изменения будут видны только после выполнения этого кода, поэтому убедитесь, что он выполняется после загрузки DOM.

Таким способом можно динамически добавлять CSS стили из массива в JavaScript и изменять внешний вид веб-страницы.