JavaScript / CSS / DOM - Dynamischer Klassenwertüberschreibung, Verkettungsproblem / Herausforderung ⇐ JavaScript

[Anonymous]

In diesem Ausschnitt wechseln Sie die Hintergrundfarbe in gelbe Werke. Aber wenn ich versuche, den Wert von 'Grid-Template-Säule' zu ändern, der einen ungewöhnlichen Wert nimmt, eine Zeichenfolge von "automatischen" Zeichenfolgen-kein GO. Ich versuche, den Wert auf ... "Auto, Auto, Auto, Auto" zu ändern, aber es wird den ursprünglichen Wert in der Stylesheet nicht überschreiben, was so aussieht. Ich weiß, dass dies sehr doof aussieht, aber wenn Sie sich den CSS-Params "Grid-Template-Säulen" ansehen, ist der Wert, den es benötigt, eine Zeichenfolge von Space, um die Anzahl der Spalten zu definieren. Ein sehr seltsamer Chad, dass ich aus irgendeinem Grund nicht überschreiben kann. < /P>
Danke im Voraus. < /P>

Code: Select all

       // 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[i].selectorText === '.grid-container') {
rules[i].style['background-color'] ='yellow';
rules[i].style['grid-template-column'] = 'auto auto auto';
break;
}
}