Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

js
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 &quot; 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:

js
const contentString = "Hello, world";

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

Dadurch entsteht das folgende HTML:

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:

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

Spezifikationen

Spezifikation
ECMAScript® 2027 Language Specification
# sec-string.prototype.fontcolor

Browser-Kompatibilität

Siehe auch