JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

ここの色が変わります

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 画像をキャッシュさせない方法

HTMLで画像を表示するにはimgタグを使用しますが、一度使用した画像はブラウザにキャッシュされるため意図しない画像が表 ...

[JavaScript] 配列から条件に合致する値のみ取得する(.filter)

配列から条件に合致する値のみ取得するには、.filter()を使用します。 サンプルソース 例1)数値配列から値が5以上 ...

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

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

[JavaScript] 2つの日付の差を日数で求める

2つの日付の差を日数で求めるサンプルです。 サンプル 例)2016年1月1日~2016年6月30日の日数を求める [cr ...

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

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

スポンサーリンク