Anwendungsbeispiele für cssText in js (Codebeispiel)

In diesem Artikel geht es um Anwendungsbeispiele (Codebeispiele) von CSSText in JS. Freunde in Not können darauf verweisen.

Der Kern von cssText besteht darin, den Stilattributwert von HTML-Elementen festzulegen.

1. Verwendung

Im Browser wird der zugewiesene Wert zurückgegeben. Aber im IE formatiert es die Ausgabe, schreibt die Attribute groß, ändert die Reihenfolge der Attribute und entfernt das letzte Semikolon

document.getElementById("id").style.cssText = "color:red; font-size:13px;";

Das Ergebnis im IE: FONT-SIZE: 13px; COLOR: red

Aber wenn Sie auf diese Weise schreiben, wird der ursprüngliche CSS-Text gelöscht. Wenn im Originalstil beispielsweise „display:none;“ vorhanden ist, wird nach der Ausführung des obigen JS die Anzeige angezeigt gelöscht. Sie können die CSSText-Akkumulationsmethode verwenden:

document.getElementById("id").style.cssText += "color:red; font-size:13px;";

2. Die allgemeine Methode zum Festlegen von Stilen

var element= document.getElementById(“id”);
element.style.color=”red”;
element.style.font-size=”13px”;

Verwandte Empfehlungen:

js Zhongqiao verwendet das Attribut „cssText“, um die Fähigkeiten von „styles_javascript“ stapelweise zu betreiben 🎜>Verwenden Sie Fakten, um die hohe Leistung von cssText in js_javascript-Fähigkeiten zu beweisen

Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele für cssText in js (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!