JavaScript / CSS / DOM - Динамическое значение класса перезапись, проблема конкатенации / задача ⇐ Html

[Anonymous]

В этом фрагменте изменение фонового цвета на желтые работы. Но когда я пытаюсь изменить значение «Колонка сетки», которое требует необычного значения, строку повторяющихся «автоматических» струн-нет. Я пытаюсь изменить значение на ... 'Auto Auto Auto', но оно не будет перезаписать исходное значение внутри листа стилей, которое выглядит так .. 'Crid-Template-Columns: Auto Auto Auto Auto Auto;' Я знаю, что это выглядит очень глупым, но если вы посмотрите на CSS Param «Grid-Template-Column», значение, которое он требует, является цепочкой пространства, очерченного «Auto» для определения количества столбцов. Очень странный висящий чад, который по какой -то причине я не могу перезаписать. < /P>
Заранее спасибо. < /P>
// create a reference to linked stylesheet
const stylesheet = document.styleSheets[0];
const rules = stylesheet.cssRules || stylesheet.rules;

// loop through the style sheet reference to find the classes to be modified and modify them

for (let i = 0; i < rules.length; i++) {
if (rules.selectorText === '.grid-container') {
rules.style['background-color'] ='yellow';
rules.style['grid-template-column'] = 'auto auto auto';
break;
}
}



Подробнее здесь: https://stackoverflow.com/questions/796 ... problem-ch