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 erstellt einen String, der diesen String in ein <font> Element einbettet (<font color="...">str</font>), was dazu führt, dass 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

js
fontcolor(color)

Parameter

color

Ein String, der die Farbe als hexadezimaler RGB-Tripel oder als String-Literal ausdrückt. String-Literals für Farbnamen sind in der CSS-Farbreferenz aufgelistet.

Rückgabewert

Ein String, der mit einem <font color="color"> Start-Tag beginnt (doppelte Anführungszeichen in color werden durch &quot; ersetzt), dann der Text str, und dann ein </font> End-Tag.

Beschreibung

Die Methode fontcolor() selbst verbindet einfach die String-Teile, ohne jegliche Validierung oder Normalisierung. Um jedoch gültige <font> Elemente zu erstellen, müssen Sie, wenn Sie die Farbe als hexadezimalen RGB-Tripel ausdrücken, das Format rrggbb verwenden. Beispielsweise sind die hexadezimalen RGB-Werte für Lachs rot=FA, grün=80 und blau=72, daher ist der RGB-Tripel für Lachs "FA8072".

Beispiele

Verwendung von fontcolor()

Der folgende Code erstellt einen HTML-String und ersetzt dann den Body des Dokuments damit:

js
const contentString = "Hello, world";

document.body.innerHTML = contentString.fontcolor("red");

Dies erstellt folgendes HTML:

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 color über das element.style Attribut manipulieren:

js
document.getElementById("yourElemId").style.color = "red";

Spezifikationen

Specification
ECMAScript® 2025 Language Specification
# sec-string.prototype.fontcolor

Browser-Kompatibilität

Siehe auch