javascript instance method
String.prototype.fontcolor()
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
fontis 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";