String.prototype.fontcolor()

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

fontcolor() 方法用于 String 值,它会将此字符串嵌入到一个 <font> 元素(<font color="...">str</font>)中,从而使此字符串以指定的字体颜色显示。

注意:所有 HTML 包装器方法 都已弃用,仅为保持兼容性而标准化。对于 fontcolor()<font> 元素本身已从 HTML 规范中移除,不应再使用。Web 开发者应改用 CSS 属性。

语法

js
fontcolor(color)

参数

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 已不再是有效元素。

与其使用 fontcolor() 并直接创建 HTML 文本,不如使用 CSS 来操作字体。例如,您可以通过 element.style 属性来操作 color

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

规范

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

浏览器兼容性

另见