String.prototype.fontcolor()
Deprecated
Avoid using this feature in new projects. HTML wrapper methods exist only for backwards compatibility. Use DOM APIs to create elements instead. This feature may be a candidate for removal from web standards or browsers.
Consider using the following features instead: DOM.
Die fontcolor() Methode von String Werten erstellt einen String, der diesen String in einem <font> Element einbettet (<font color="...">str</font>), wodurch dieser String in der angegebenen Schriftfarbe angezeigt wird.
Hinweis:
Alle HTML-Wrapper-Methoden sind veraltet und nur aus Kompatibilitätsgründen standardisiert. Im Fall von fontcolor() wurde das <font> Element selbst aus der HTML-Spezifikation entfernt und sollte nicht mehr verwendet werden. Webentwickler sollten stattdessen CSS Eigenschaften verwenden.
Syntax
fontcolor(color)
Parameter
color-
Ein String, der die Farbe als hexadezimales RGB-Triplet oder als Zeichenfolgenliteral ausdrückt. Zeichenfolgenliterale für Farbnamen sind im CSS-Farbreferenz aufgelistet.
Rückgabewert
Ein String, der mit einem <font color="color"> Start-Tag beginnt (doppelte Anführungszeichen in color werden durch " ersetzt), dann der Text str und schließlich ein </font> End-Tag.
Beschreibung
Die fontcolor() Methode selbst fügt die Stringteile einfach zusammen, ohne jegliche Validierung oder Normalisierung. Um jedoch gültige <font> Elemente zu erstellen, müssen Sie, wenn Sie die Farbe als ein hexadezimales RGB-Triplet angeben, das Format rrggbb verwenden. Beispielsweise sind die hexadezimalen RGB-Werte für Lachs rot=FA, grün=80 und blau=72, daher ist das RGB-Triplet für Lachs "FA8072".
Beispiele
Verwendung von fontcolor()
Der folgende Code erstellt einen HTML-String und ersetzt dann den Inhalt des Dokuments mit ihm:
const contentString = "Hello, world";
document.body.innerHTML = contentString.fontcolor("red");
Dies wird das folgende HTML erstellen:
<font color="red">Hello, world</font>
Warnung:
Dieses Markup ist ungültig, da font kein gültiges Element mehr ist.
Statt fontcolor() zu verwenden und HTML-Text direkt zu erstellen, sollten Sie CSS verwenden, um Schriften zu manipulieren. Beispielsweise können Sie color über das element.style Attribut manipulieren:
document.getElementById("yourElemId").style.color = "red";
Spezifikationen
| Spezifikation |
|---|
| ECMAScript® 2027 Language Specification # sec-string.prototype.fontcolor |