JavaScriptのfontcolorメソッド入門例（指定色に応じた文字列表示）_基礎知識

JavaScript fontcolor メソッド

fontcolor メソッドは、HTML フォント タグの color 属性を使用して定義された色の文字列を返します。その構文は次のとおりです:

コードをコピーします コードは次のとおりです:

str_object.fontcolor( color )

パラメータの説明:

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

ヒント: この方法は ECMA 標準に準拠していないため、推奨されません。

fontcolor メソッド インスタンス

コードをコピーします コードは次のとおりです:

<スクリプト言語="JavaScript">

var str = "www.jb51.net";
document.write( str.fontcolor("red") );

この例を実行すると、次のように出力されます:

コードをコピーします コードは次のとおりです:

www.jb51.net

ヒント: このメソッドは、HTML カラータグを使用して定義された文字列を返します。このメソッドを使用した場合でも、フォントの色を動的に変更することはできません。要素のフォントの色を動的に変更したい場合は、次の例を参照してください:

参考資料: ページ要素のフォントの色を変更する

コードをコピーします コードは次のとおりです:

<スクリプト言語="JavaScript">

関数 changFont( x ){
var font_style = x;
vararticle = document.getElementById("article");
If( font_style の種類 == "文字列" ){
article.style.color = font_style;
}
}

黒 赤
blue

私はテキストメッセージです...

テキスト...

この例では、JavaScript を通じてフォントの CSS スタイルを制御することで、フォント (id="article") の色を動的に変更できます。