在JavaScript中处理字符串之fontcolor()方法的使用

简介

JavaScript 提供了一些内置方法，用来处理字符串，其中之一就是 fontcolor() 。

fontcolor() 方法用于创建带有指定颜色的 HTML <font> 标签，用于改变文本颜色。

该方法接受一个参数 color，该参数是一个字符串，值为想要应用的颜色。

语法

fontcolor() 方法的语法如下:

string.fontcolor(color);

• string：必需。要应用颜色的字符串。
• color：必需。指定要使用的 HTML 颜色名称。

示例说明

示例一

下面的例子演示了如何使用 fontcolor() 方法。在这个例子中，我们创建了一个字符串，并使用该方法指定了颜色：

let str = "Hello World!";

let new_str = str.fontcolor("red");

console.log(new_str);

输出结果：

<font color="red">Hello World!</font>

上述代码中，首先创建了一个字符串变量 str，它的值是 "Hello World!"。然后，调用 fontcolor() 方法并传递字符串 "red"，它返回了一个新字符串，该字符串创建了一个红色的 <font> 标签，用于改变文本颜色。

示例二

下面的代码演示了如何使用 fontcolor() 方法来变化HTML元素样式：

let para = document.getElementById("myPara");

let new_text = para.innerHTML.fontcolor("green");

para.innerHTML = new_text;

上述代码中，我们首先获取了一个 HTML 元素变量 myPara，它代表页面上的一个带有 ID 的段落。然后，调用 innerHTML 属性获取该段落中的文本，并使用 fontcolor() 方法指定颜色。最后，我们将新的文本设置回段落中，从而实现了颜色样式的变化。

注意： 使用这个方法可能会使你的文档中生成 HTML，因此必须注意 XSS 攻击。