JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

ここの色が変わります

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

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

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

[JavaScript] 動的に追加したイベントを削除する(removeEventListener)

動的に追加したイベントを削除するには、removeEventListenerを使用します。 (動的にイベントを追加する方 ...

[JavaScript] 文字列中に指定した文字が出現する回数を取得する

文字列中に指定した文字が出現する回数を取得するサンプルです。 サンプル 例)引数に、文字列と指定文字を指定すると指定文字 ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 全角カタカナチェックを行う

JavaScriptで全角カタカナチェックを行うサンプルFunctionです。 全角カタカナチェックを行う 例)値が全角 ...

スポンサーリンク