Привет. Есть массив с такой вложенностью: [ {

Question

Привет. Есть массив с такой вложенностью: [ {

key: {
rule: 'value'
}
},
{
key: {
rule: 'value'
}
},
.....
]

Ключ это название класса, дальше идёт объект, где rule это css правило, а value его значение соответственно.

Как мне лучше вставить эти значение на страницу? Через js создать тег style и туда как-то перебрать название классов, правил и значений? Можете подсказать

#css #frontend #html #programming #russian

0

02.03.2021

10 ответов

11 просмотров

andre1ka Автор вопроса

A F
К чему динамически менять значения в классах? Не...

потому что классы генерируются автоматически, и в каждом классе могут быть разные значения

0

02.03.2021

A F

andre1ka
потому что классы генерируются автоматически, и в...

Ну и плохо что они генерируются. Классы априори должны быть статическими. Если я не прав, кто нибудь поправьте меня пожалуйста. Если есть какое-то (динамическое) значение, которое надо задать группе html-элементов (а именно это за это и отвечают классы в css) - то создайте коллекцию (группу) html-элементов в js, и задавайте всей коллекции это значение. Всю остальную "статику" советую прописать в разные классы в сss файлах, и уже оперировать именно добавлением/удалением классов.

0

02.03.2021

andre1ka Автор вопроса

A F
Ну и плохо что они генерируются. Классы априори д...

Я согласен что классы должны быть статичными, но я уверен, поправь меня если не прав, что бывают нестандартные ситуации, когда динамические классы со значениями это выход) Но я уже решил свою проблему)

0

02.03.2021

A F

andre1ka
Я согласен что классы должны быть статичными, но я...

А как Вы вообще решили "динамически" изменить класс с JS? CSS парсится ещё до показы страницы (то есть до формирования DOM), то есть значение классов задаются один раз. Можно конечно догрузить новый файл css, но это другая история.

0

02.03.2021

A F

andre1ka
Я согласен что классы должны быть статичными, но я...

Если я задал .red { color: red; } как вы с JS собираетесь color заменить на green?

0

02.03.2021

andre1ka Автор вопроса

A F
А как Вы вообще решили "динамически" изменить клас...

Ко мне из вне приходит json где есть массив со стилями с той структурой выше. Мне их надо как то применить на странице

0

02.03.2021

Denys Mikhalenko

A F
Если я задал .red { color: red; } как вы с JS ...

вот так 😁 https://jsbin.com/darusutaxe/1/edit?html,css,output

0

02.03.2021

A F

andre1ka
Ко мне из вне приходит json где есть массив со сти...

Ну обычная задача - с БД вероятно вам пришёл конфиг для лэйаута. Заранее обсуждается с бэком что может прийти. Обычно это набор правил. То что нельзя прописать в классах (например приедит неизвестный цвет, который выбрал пользователь в колорпикере), то этот цвет задаётся элементу или группе элементов. Но никак не классу!

0

02.03.2021

A F

Denys Mikhalenko
вот так 😁 https://jsbin.com/darusutaxe/1/edit?htm...

Да, согласен. Работает.

0

02.03.2021

A F · Accepted Answer

A F

К чему динамически менять значения в классах? Не легче в css прописать возможные классы, а потом с помощью JS назначать набор классов html-элементам, в зависимости Вашей логики?

0

02.03.2021

169 похожих чатов

Привет. Есть массив с такой вложенностью: [ {

10 ответов

Похожие вопросы