ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptのfontcolorメソッド入門例(指定色に応じた文字列表示)_基礎知識

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

WBOY
リリース: 2016-05-16 16:33:36
オリジナル
1852 人が閲覧しました

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") の色を動的に変更できます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート