Форум

Aidec · #1 (**permalink**) 21.05.2023, 11:16

У меня есть переменная

var test = {
'Один' : '#fff484',
'Два' : 'вот сюда как записать код?'

У меня есть стиль например

.svet {
background-color: black;
}

Как мне применить этот стиль сюда
'Два' : 'вот сюда как записать код?'

Есть варианты?

voraa · #2 (**permalink**) 21.05.2023, 11:59

Поместить правило в элемент 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;

Aidec · #3 (**permalink**) 21.05.2023, 12:02

А как это написать на JQ?

voraa · #4 (**permalink**) 21.05.2023, 12:12

Точно так же

<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>

Форум

Справочник

Discord чат

Курсы javascript