|
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")的顏色。
JavaScript技術:JavaScript fontcolor方法入門實例(按照指定的顏色來顯示字符串),轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。