Как задать цвет через data-color?

Question

[Alibek Kulseitov]

Погуглил и не нашел дельного решения. Нашел ответ тут но там говорят что такой метод не поддерживается во многих браузерах.
В общем моя цель сделать так чтобы программист мог задавать цвет через data-color. Потому что цветов там будет много и разные.

Comments

[Капитан Какао]

Все современные браузеры поддерживают attr.
Давно использую этот метод.
Делайте и не парьтесь.

[Alibek Kulseitov]

Rad Cor: Можно пример?

[Капитан Какао]

Алибек Кулсеитов: https://jsfiddle.net/RadCor/3hgt9wbL/1/

Но по моему гараздо проще сделать просто так:

<div style="color: #ff0000">Текст</div>

Answer 1

[Дима Паутов]

ну храните цвет в дата атрибуте и через js берите его оттуда и делайте с ним что угодно. В чём проблема?

https://jsfiddle.net/090ugdmf/1/

Comments

[Alibek Kulseitov]

Проблема в незнании JS)))

Answer 2

[Alexander Pushkarev]

Делайте обёртку на js

<div class="header" data-color="{'color': 'red', 'property':'background'}">...</div>
<div class="footer" data-color="{'color': 'blue', 'property':'color'}">...</div>

После чего JS циклом приходитесь по элементам с data-color