Heim  >  Artikel  >  Web-Frontend  >  Anwendungsbeispiele für cssText in js (Codebeispiel)

Anwendungsbeispiele für cssText in js (Codebeispiel)

不言
不言Original
2018-08-11 11:17:012591Durchsuche

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!

Stellungnahme:
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