ドキュメントオブジェクトとは何でしょう！？ このオブジェクトは、今見ているこのページに関する操作や属性を管理しているオブジェクトになります。このオブジェクトを操作や設定することで、ページに文章を表示させたり状況によってその場で表示を変更することができます。
今まで何度か出てきた [ document.write ] と言う記述も、実はドキュメントオブジェクト [ document ] が提供しているメソッド [ write ] を使ってドキュメントに文章を表示するよ、と言う意味になります。
documentオブジェクトの bgColorプロパティを設定することでドキュメントの背景色を変更することが出来ます。色の指定は、カラー名 [ blueなど ] 、数値 [ 000000 → 黒 ] または通常の HTMLで使用するカラーコード [ #000000 → 黒 ] で指定する事が出来ます。
[ sample ]
[ source ]
<script language="JavaScript">
<!--
function func2(){
with (document.frm2.slct2) {
document.bgColor = options[selectedIndex].value;
}
}
//-->
</script>
<form name="frm2">
<select name="slct2">
<option value="Black">Black
<option value="Gray">Gray
<option value="Silver">Silver
<option value="White" selected>White
<option value="Red">Red
<option value="Yellow">Yellow
<option value="Lime">Lime
<option value="Aqua">Aqua
<option value="Blue">Blue
<option value="Fuchsia">Fuchsia
<option value="Maroon">Maroon
<option value="Olive">Olive
<option value="Green">Green
<option value="Teal">Teal
<option value="Navy">Navy
<option value="Purple">Purple
</select>
<input type=button value=" ♂ " onclick="func2()">
</form>
プロパティに選択させた値を代入して、その時点でドキュメントの背景色が変更されたと思います。このプロパティはドキュメントが表示された後でも随時変更することが可能で、変更した値が有効になります。
ment.bgColor = options[selectedIndex].value
今度は文字の色を変えてみましょう。ただし文字にも通常の文字、リンク中の文字、すでに読み込んだリンク文字、通常の未リンク文字といろいろな種類があり、それぞれ対応したプロパティが存在し、対象のプロパティを変更することで色を変更することが出来ます。
| 属性名 |
説明 |
| fgColor |
通常の文字色 |
| linkColor |
未リンクの文字色 |
| vlinkColor |
既に読み込んだリンク文字色 |
| alinkColor |
読み込み中のリンク文字色 |
|
[ sample ]
これらのプロパティも背景色の設定方法と同じく、カラー名 [ blueなど ] 、数値 [ 000000 → 黒 ] または通常の HTMLで使用するカラーコード [ #000000 → 黒 ] で指定する事が出来ます。
home / Knave web lecture / JavaScript / 11章 JavaScriptのドキュメント操作Ⅰ