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