JavaScript Reference

bgColor Background Color

関連オブジェクト : document

タイプ : プロパテ

書式

   document.bgColor="16進数、または色名"
　 document.bgColor="#ffcccc";

ページの背景色を参照、または設定します。このプロパティは、ページの表示後でも背景色の変更が可能です。なお、大文字と小文字を厳格に区別しますので、記述の際には注意してください。

サンプル

document.bgColor = "#ffffff";
  function mybgY(){ document.bgColor="#ffffcc"; }
  function mybgB(){ document.bgColor="#eeeeff"; }
  function mybgP(){ document.bgColor="#ffeeff"; }
  function mybgW(){ document.bgColor="#ffffff"; }
  function mybgG(){ document.bgColor="#ddffdd"; }

HTML
<input type="button" value="薄黄色" onclick="mybgY()">　
<input type="button" value="薄青色" onclick="mybgB()">　
<input type="button" value="薄桃色" onclick="mybgP()">　
<input type="button" value="薄緑色" onclick="mybgG()">　
<input type="button" value="白色" onclick="mybgW()">

実行結果

ここでは、JavaScriptによって背景色を変化させております。残念ながらあなたのブラウザでは実現することができません。まことに申し訳ありません。

あらかじめ背景色が指定されていた場合には無効となる場合がありますので注意してください。

初版更新日 2003年6月1日最新更新日 2004年4月4日