String.prototype.fontcolor()

已弃用：此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已经从相关的 Web 标准中删除，可能正在被丢弃，或者可能仅出于兼容性目的而保留。避免使用它，如果可能，更新现有代码；请参阅本页面底部的兼容性表，以指导您的决定。请注意，此功能可能随时停止工作。

String值的fontcolor()方法创建一个字符串，该字符串将此字符串嵌入到<font>元素中 (<font color="...">str</font>)，这会导致此字符串以指定的字体颜色显示。

注意：所有HTML 包装器方法都已弃用，并且仅出于兼容性目的而标准化。对于fontcolor()的情况，<font>元素本身已从 HTML 规范中删除，不再应该使用。Web 开发人员应该改用CSS属性。

语法

js
fontcolor(color)

参数

颜色

一个字符串，表示颜色为十六进制 RGB 三元组或字符串文字。颜色名称的字符串文字列在CSS 颜色参考中。

返回值

一个以<font color="color">开始标签（color中的双引号被替换为&quot;）开头、然后是文本str、最后是</font>结束标签结尾的字符串。

描述

fontcolor()方法本身只是将字符串部分连接在一起，没有任何验证或规范化。但是，要创建有效的<font>元素，如果您将颜色表示为十六进制 RGB 三元组，则必须使用rrggbb格式。例如，鲑鱼的十六进制 RGB 值为红色=FA，绿色=80，蓝色=72，因此鲑鱼的 RGB 三元组为"FA8072"。

示例

使用 fontcolor()

下面的代码创建了一个 HTML 字符串，然后用它替换文档的主体

js
const contentString = "Hello, world";

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

这将创建以下 HTML

html
<font color="red">Hello, world</font>

警告：此标记无效，因为font不再是有效的元素。

您应该使用 CSS 来操作字体，而不是使用fontcolor()直接创建 HTML 文本。例如，您可以通过element.style属性来操作color

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

规范

规范
ECMAScript 语言规范
# sec-string.prototype.fontcolor

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅