ボタンで背景の色を変える

　2006-06-24
スクリプト先生 背景の色をボタン１つで変更できるように設定します。ちなみに、当サイト『ジャバスクリプト　お助けサイト』ではＣＳＳ（スタイルシート）で背景の色を設定しているので、サンプルボタンを押しても背景の色は変化しません(´・ω・`)

サンプル


文法（コピペで使えます） 

<form>
<input type="button" value="赤" onClick="
document.bgColor='#ffaaaa';">
<input type="button" value="緑" onClick="
document.bgColor='#aaffaa';">
<input type="button" value="青" onClick="
document.bgColor='#aaaaff';">
<input type="button" value="白" onClick="
document.bgColor='#ffffff';">
</form>

説明

クリックで作動する「onClick」に、背景の色を変更する「bgColor」を記述します。「document」は「書き出す」という命令です。従って、「クリックしたら背景を書き出せ」という命令になるわけです。
スポンサード リンク
カテゴリ ：JavaScriptの小技 トラックバック(-) コメント(-)
≪　トップページへ｜このページの先頭へ 　≫