String.prototype.fontcolor()
En esta página
{{Deprecated_Header}}
The fontcolor() method of {{jsxref("String")}} values creates a string that embeds this string in a {{HTMLElement("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 {{HTMLElement("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 {{cssxref("color")}} through the {{domxref("HTMLElement/style", "element.style")}} attribute:
document.getElementById("yourElemId").style.color = "red";
Specifications#
{{Specifications}}
Browser compatibility#
{{Compat}}