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 Methode fontcolor() von String-Werten erstellt einen String, der den ursprünglichen String in ein <font>-Element einbettet (<font color="...">str</font>). Dadurch wird der String in der angegebenen Schriftfarbe angezeigt.
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-Tripel oder als Zeichenfolge angibt. Zeichenfolgen für Farbnamen sind in der CSS-Farbreferenz aufgeführt.
Rückgabewert
Ein String, der mit einem <font color="color">-Start-Tag beginnt (doppelte Anführungszeichen in color werden durch " ersetzt), gefolgt vom Text str und einem </font>-End-Tag.
Beschreibung
Die Methode fontcolor() fügt die Teile des Strings lediglich zusammen, ohne sie zu validieren oder zu normalisieren. Um gültige <font>-Elemente zu erstellen, müssen Sie eine Farbe als hexadezimales RGB-Tripel jedoch im Format rrggbb angeben. Die hexadezimalen RGB-Werte für Lachsfarbe sind beispielsweise Rot=FA, Grün=80 und Blau=72. Das RGB-Tripel für Lachsfarbe lautet daher "FA8072".
Beispiele
>fontcolor() verwenden
Der folgende Code erstellt einen HTML-String und ersetzt damit den Body des Dokuments:
const contentString = "Hello, world";
document.body.innerHTML = contentString.fontcolor("red");
Dadurch entsteht das folgende HTML:
<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 Schriftfarben zu ändern. Beispielsweise können Sie color über die Eigenschaft element.style ändern:
document.getElementById("yourElemId").style.color = "red";
Spezifikationen
| Spezifikation |
|---|
| ECMAScript® 2027 Language Specification> # sec-string.prototype.fontcolor> |