JavaScript fontcolor 方法详解与动态改色方案

JavaScript fontcolor 方法详解与动态改色方案

JavaScript fontcolor 方法

fontcolor 方法用于生成一个经过 HTML font 标签包装且指定了 color 属性的字符串。其基本语法结构如下：

str_object.fontcolor( color )

参数说明:

注意：该方法并未遵循 ECMA 标准规范，官方建议避免使用。

fontcolor 方法实例

fontcolor 方法实例

<script language="JavaScript">
var str = "www.jb51.net";
document.write( str.fontcolor("red") );
</script>

执行上述代码后，浏览器输出结果为：

www.jb51.net

需要指出的是，该方法生成的字符串包含 HTML color 标签定义，这仅用于静态渲染，无法实现页面加载后动态修改字体颜色的效果。若需动态改变字体颜色，请参考以下示例：

延伸阅读：改变页面元素字体颜色

延伸阅读：改变页面元素字体颜色

<html>
<script language="JavaScript">
function changFont( x ){
 var font_style = x;
 var article = document.getElementById("article");
 if( typeof font_style == "string" ){
 article.style.color = font_style;
 }
}
</script>
<body>
<p>
<a onClick="changFont('black');">黑色</a> <a onClick="changFont('red');">红色</a>
<a onClick="changFont('blue');">蓝色</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>

在此示例中，通过 JavaScript 直接操作 DOM 元素的 style.color 属性，实现了对 id 为 article 的元素字体颜色的动态控制。