JavaScript

[JavaScript] 文字色と背景色を変更する

投稿日:2016年10月2日 更新日:

JavaScriptで文字色と背景色を変更するサンプルです。

サンプルソース

例)id="target"要素の文字色を白、背景色を赤にする

実行サンプル

ボタンを押すと、文字色と背景色が変わります。

ここの色が変わります

※元に戻したい場合は、[F5]キー等でリロードしてください。

解説

  • 文字色の変更は、style.colorプロパティに色を指定します。
  • 背景色の変更は、style.backgroundColorプロパティに色を指定します。
  • 色の指定は、カラーコード(例:'#ff0000')、カラーネーム(例:'red')どちらでもOKです。
  • カラーコード、カラーネームは「"」または「'」で囲う必要があります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] URLのパラメータを取得する

JavaScriptでURLのパラメータを取得するには、 window.location.searchを使用します。 U ...

[JavaScript] 特殊な数値(NaNとInfinity)

JavaScriptの数値型には、1、2、3といった通常の数値以外に、 NaNとInfinityの2つの特殊な数値があり ...

[JavaScript] 2つの配列を結合する(.concat)

2つの配列を結合するには、.concat()を使用します。 2つの配列を結合するサンプル 例)配列 arr1 と arr ...

[JavaScript] URLを指定して画面遷移を行う

javascriptでURLを指定して画面遷移を行うサンプルです。 サンプルソース 例)Yahooサイトへ画面遷移する ...

[JavaScript] 日付文字列(YYYYMMDD)から年度を求める

日付文字列(YYYYMMDD)から年度を求めるサンプルです。 サンプルソース 例)引数に日付文字列(YYYYMMDD)を ...

スポンサーリンク