String.prototype.fontcolor()
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Die fontcolor()-Methode von String-Werten erzeugt einen String, der diesen String in ein <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 String-Literal ausdrückt. String-Literale 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 dann ein </font> End-Tag.
Beschreibung
Die fontcolor()-Methode selbst verbindet einfach die String-Teile, ohne jegliche Validierung oder Normalisierung. Um jedoch gültige <font>-Elemente zu erstellen, müssen Sie, wenn Sie Farbe als hexadezimales RGB-Triplet ausdrücken, das Format rrggbb verwenden. Zum Beispiel sind die hexadezimalen RGB-Werte für Lachs rot=FA, grün=80 und blau=72, sodass das RGB-Triplet für Lachs "FA8072" ist.
Beispiele
Verwendung von fontcolor()
Der folgende Code erzeugt einen HTML-String und ersetzt damit den Body des Dokuments:
const contentString = "Hello, world";
document.body.innerHTML = contentString.fontcolor("red");
Dies erzeugt das folgende HTML:
<font color="red">Hello, world</font>
Warnung:
Dieses Markup ist ungültig, da font kein gültiges Element mehr ist.
Anstatt fontcolor() zu verwenden und HTML-Text direkt zu erstellen, sollten Sie CSS verwenden, um Schriftarten zu manipulieren. Beispielsweise können Sie die color über das element.style-Attribut manipulieren:
document.getElementById("yourElemId").style.color = "red";
Spezifikationen
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-string.prototype.fontcolor |