So legen Sie CSS in nativem JS fest

Methode: 1. Verwenden Sie die Anweisung „style.property=value“ zum Festlegen. 2. Verwenden Sie die Anweisung „setAttribute(property, value)“ zum Festlegen set; 4. Verwenden Sie die Anweisungseinstellung „style.cssText='property:value'“.

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

Verwenden Sie JS, um CSS-Stile dynamisch festzulegen (auf Inline-Stile setzen). Die häufigsten sind wie folgt: 1. Legen Sie das Stilattribut direkt fest. In einigen Fällen ist diese Einstellung ungültig Wenn das Attribut ein „-“-Zeichen enthält, schreiben Sie es in Kamel-Schreibweise (z. B. textAlign). Wenn Sie das „-“-Zeichen beibehalten möchten, schreiben Sie es in eckige Klammern element.style['text-align'] = '100px ';

element.style.height = '100px';

2. Attribute direkt festlegen

(kann nur für bestimmte Attribute verwendet werden, verwandte Stile werden automatisch erkannt)

element.setAttribute('height', 100);
element.setAttribute('height', '100px');

3. Wenn Sie !important festlegen möchten, wird dies empfohlen Verwenden Sie diese Methode, um den dritten Parameter festzulegen.

element.style.setProperty('height', '300px', 'important');

4

Das obige ist der detaillierte Inhalt vonSo legen Sie CSS in nativem JS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!