Wie kann ich CSS-Klassendefinitionen in JavaScript dynamisch ändern oder entfernen?

So ändern oder entfernen Sie CSS-Klassendefinitionen dynamisch

Während das Hinzufügen neuer CSS-Klassendefinitionen zur Laufzeit mithilfe von JavaScript möglich ist, besteht die Möglichkeit, Änderungen vorzunehmen Es ist ebenfalls von entscheidender Bedeutung, bestehende zu entfernen oder zu entfernen.

CSS-Klasse ändern Eigenschaften

Um die Schriftgrößenregel der .menu-Klasse so zu ändern, dass sie sich auf alle Elemente auf der Seite auswirkt, die sie verwenden, können Sie die folgenden Schritte ausführen:

1. Rufen Sie das Stylesheet-Array mit document.styleSheets ab.
2. Iterieren Sie für jedes Stylesheet die cssRules Array.
3. Suchen Sie mithilfe der selectorText-Eigenschaft die Regel, die der .menu-Klasse entspricht.
4. Verwenden Sie zum Aktualisieren die Methode style.setProperty('font-size','10px',null). die Eigenschaft „font-size“ der Regel.

CSS-Klasse entfernen Definitionen

Um die .menu-Klassendefinition zu entfernen, führen Sie die folgenden Schritte aus:

1. Wiederholen Sie die Schritte 1 und 2 aus dem vorherigen Abschnitt.
2. Suchen Sie die Regel, die der Klasse .menu entspricht, mithilfe der Eigenschaft selectorText.
3. Verwenden Sie die Methode deleteRule(), um die Regel zu entfernen aus dem Stylesheet, z.B. stylesheet.deleteRule(index), wobei index der Index der Regel innerhalb des cssRules-Arrays ist.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Klassendefinitionen in JavaScript dynamisch ändern oder entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!