當前位置:才華齋>設計>網頁設計>

JavaScript fontcolor方法入門例項

網頁設計 閱讀(2.38W)

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

JavaScript fontcolor方法入門例項

複製程式碼 程式碼如下:

str_color( color )

引數說明:

str_object 要操作的字串(物件) color 必需。顏色名(red)、RGB 值(rgb(255,0,0))或者十六進位制數(#FF0000)

引數說明

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

fontcolor 方法例項

複製程式碼 程式碼如下:

var str = "";

e( color("red") );

執行該例子,輸出:

複製程式碼 程式碼如下:

提示:該方法返回使用 HTML color 標籤定義的字串,即使用該方法並不能動態的改變字型的'顏色。如果想動態改變元素字型顏色,可參考下面的例項:

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

複製程式碼 程式碼如下:

function changFont( x ){

var font_style = x;

var article = lementById("article");

if( typeof font_style == "string" ){

r = font_style;

}

}

黑色 紅色

藍色

我是一些文字 ...

Some Text ...

在該例子中,通過 JavaScript 控制字型 CSS 樣式的方式,可動態改變字型(id="article")的顏色。