JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

ここの色が変わります

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



comment

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

スポンサーリンク