JavaScript fontcolor 方法
fontcolor 方法返回使用 HTML font 標籤中 color 屬性定義的帶有顏色的字串。其文法如下:
複製代碼 代碼如下:
str_object.fontcolor( color )
參數說明:
| 參數 |
說明 |
| str_object |
要操作的字串(對象) |
| color |
必需。顏色名(red)、RGB 值(rgb(255,0,0))或者十六進位數(#FF0000) |
提示:該方法不符合 ECMA 標準,不建議使用。
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 控制字型 CSS 樣式的方式,可動態改變字型(id="article")的顏色。