Heim > Web-Frontend > js-Tutorial > So ändern Sie CSS-Eigenschaften in js

So ändern Sie CSS-Eigenschaften in js

青灯夜游
Freigeben: 2023-01-05 16:09:27
Original
9634 Leute haben es durchsucht

So ändern Sie CSS-Attribute in js: 1. Ändern Sie den Stilstil mit der Syntax „angegebener Inhalt des Stylesheets.style.property="value"“ 2. Ändern Sie den Stilinhalt eines bestimmten Elementknotens mit der Syntax "element object.style.cssText" ="Stilwert""; 3. Verwenden Sie die Funktion setAttribute().

So ändern Sie CSS-Eigenschaften in js

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Es gibt drei Möglichkeiten, CSS-Eigenschaften in nativem JS zu ändern

  • Stil ändern
    Über document.styleSheets[n] // n stellt die Seriennummer des Stylesheets dar, das voraussichtlich geändert werden soll, und die Zählung beginnt Von 0 erhalten Sie das gewünschte Änderungs-Stylesheet, erhalten den CSS-Inhalt des Stylesheets über cssRules[0] und ändern den spezifischen Stil über style. (Diese Methode ist umständlicher und Sie müssen die Reihenfolge der Stile im Stylesheet klar angeben.)

  • Ändern Sie den Stilinhalt eines bestimmten Elementknotens.
    CSSText kann mehrere CSS-Attribute gleichzeitig ändern.
    Stil. attrName Ändern Sie den Wert eines einzelnen Attributs attrName abgeschlossenes Lernen:

    Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo ändern Sie CSS-Eigenschaften in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage