首頁 >web前端 >js教程 >JavaScript fontcolor方法入門實例(依照指定的顏色來顯示字串)_基礎知識

JavaScript fontcolor方法入門實例(依照指定的顏色來顯示字串)_基礎知識

WBOY
WBOY原創
2016-05-16 16:33:361825瀏覽

JavaScript fontcolor 方法

fontcolor 方法傳回使用 HTML font 標籤中 color 屬性定義的帶有顏色的字串。其文法如下:

複製程式碼 程式碼如下:

str_object.fontcolor( color )

參數說明:

参数 说明
str_object 要操作的字符串(对象)
color 必需。颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)

提示:此方法不符合 ECMA 標準,不建議使用。

fontcolor 方法實例

複製程式碼 程式碼如下:


運行該例子,輸出:

複製程式碼 程式碼如下:

www.jb51.net

提示:此方法傳回使用 HTML color 標籤定義的字串,也就是使用該方法並不能動態的改變字型的顏色。如果想要動態改變元素字體顏色,可參考下面的實例:

延伸閱讀:改變頁面元素字體顏色

複製程式碼 程式碼如下:

function changFont( x ){
    var font_style = x;
    var article = document.getElementById("article");
    if( typeof font_style == "string" ){
        article.style.color = font_style;
    }
}



黑色 紅色
藍色



我是一些文字 ...

Some Text ...




在這個範例中,透過 JavaScript 控製字體 CSS 樣式的方式,可動態改變字體(id="article")的顏色。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn