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.
The fontcolor() method of String values creates a string that embeds this string in a <font> element (<font color="...">str</font>), which causes this string to be displayed in the specified font color.
Note:
All HTML wrapper methods are deprecated and only standardized for compatibility purposes. For the case of fontcolor(), the <font> element itself has been removed from the HTML specification and shouldn't be used anymore. Web developers should use CSS properties instead.
Syntax
fontcolor(color)
Parameters
color-
A string expressing the color as a hexadecimal RGB triplet or as a string literal. String literals for color names are listed in the CSS color reference.
Return value
A string beginning with a <font color="color"> start tag (double quotes in color are replaced with "), then the text str, and then a </font> end tag.
Description
The fontcolor() method itself simply joins the string parts together without any validation or normalization. However, to create valid <font> elements, if you express color as a hexadecimal RGB triplet, you must use the format rrggbb. For example, the hexadecimal RGB values for salmon are red=FA, green=80, and blue=72, so the RGB triplet for salmon is "FA8072".
Examples
Using fontcolor()
The code below creates an HTML string and then replaces the document's body with it:
const contentString = "Hello, world";
document.body.innerHTML = contentString.fontcolor("red");
This will create the following HTML:
<font color="red">Hello, world</font>
Warning:
This markup is invalid, because font is no longer a valid element.
Instead of using fontcolor() and creating HTML text directly, you should use CSS to manipulate fonts. For example, you can manipulate color through the element.style attribute:
document.getElementById("yourElemId").style.color = "red";
Specifications
| Specification |
|---|
| ECMAScript® 2027 Language Specification # sec-string.prototype.fontcolor |