Как можно в переменную записать стиль
У меня есть переменная
var test = {
'Один' : '#fff484',
'Два' : 'вот сюда как записать код?'
У меня есть стиль например
.svet {
background-color: black;
}
Как мне применить этот стиль сюда 'Два' : 'вот сюда как записать код?' Есть варианты? |
Поместить правило в элемент style (можно link) c атрибутом id
Например
<style id="cvet">
.svet {
background-color: black;
}
</style>
Далее добраться до этого правил и вытащить стиль. Типа
const style = document.getElementById('cvet');
const rules = Array.from(style.sheet.cssRules);
const rule = rules.find(rule => rule.selectorText === '.svet')
test['два'] = rule.style.backgroundColor;
|
А как это написать на JQ?
|
Точно так же
<head>
<style id="cvet">
.svet {
background-color: black;
}
</style>
</head>
<body>
<script>
const test = {
'Один' : '#fff484',
'Два' : 'вот сюда как записать код?'
};
const style = document.getElementById('cvet');
const rules = Array.from(style.sheet.cssRules);
const rule = rules.find(rule => rule.selectorText === '.svet')
test['Два'] = rule.style.backgroundColor;
alert (test['Два']);
</script>
</body>
|
| Часовой пояс GMT +3, время: 16:40. |