JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

ここの色が変わります

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] canvasの画像をBase64形式に変換する

canvasの画像をBase64形式に変換するには、.toDataURL()を使用します。 サンプルソース 例)canv ...

[JavaScript] 一定時間ごとに処理を実行する

一定時間ごとに処理を実行するサンプルです。 サンプル 例)1秒毎に現在時刻を表示する [crayon-5d7eec49b ...

[JavaScript] 値の比較について

JavaScriptで値の比較をする場合に「==」を使うときは注意が必要です。 「==」での比較サンプル 「==」での比 ...

[JavaScript] 選択されたセレクトボックスのラベルを取得する

選択されたセレクトボックスのラベル(表示されているテキスト)を取得するサンプルです。 サンプルソース 例)ボタンを押すと ...

[JavaScript] セレクトボックスの選択中のvalue値を取得する

セレクトボックスの選択中のvalue値を取得するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックスで選 ...

スポンサーリンク