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 ein <font>-Element (<font color="...">str</font>) einbettet, 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 Falle 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-Farb-Referenz 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 fügt einfach die Teile des Strings ohne jegliche Validierung oder Normalisierung zusammen. Um jedoch gültige <font>-Elemente zu erstellen, müssen Sie, wenn Sie die 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, also ist das RGB-Triplet für Lachs "FA8072".
Beispiele
Nutzung von fontcolor()
Der untenstehende Code erstellt einen HTML-String und ersetzt dann den Body des Dokuments damit:
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.
Anstatt fontcolor() zu verwenden und direkt HTML-Text zu erstellen, sollten Sie CSS benutzen, um Schriften zu manipulieren. Zum Beispiel können Sie color durch das element.style-Attribut manipulieren:
document.getElementById("yourElemId").style.color = "red";
Spezifikationen
| Spezifikation |
|---|
| ECMAScript® 2027 Language Specification # sec-string.prototype.fontcolor |