ボタンの色に背景色を変更します。
※スタイルシートでBODYにbackground-colorを指定すると無効になります。 

<HTML>
<HEAD>
<TITLE>Change background color</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
function changeColor(num){
	if(num==0){
		document.bgColor="#000000";
	}
	else if(num==1){
		document.bgColor="pink";
	}
	else if(num==2){
		document.bgColor="lemonchiffon";
	}
	else if(num==3){
		document.bgColor="palegreen";
	}
	else if(num==4){
		document.bgColor="skyblue";
	}
	else if(num==5){
		document.bgColor='#FFFFFF";
	}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
  <INPUT TYPE="BUTTON" NAME="button1" VALUE="Black" onClick="changeColor(0)">
  <INPUT TYPE="BUTTON" NAME="button2" VALUE="Pink " onClick="changeColor(1)">
  <INPUT TYPE="BUTTON" NAME="button3" VALUE="Yellow" onClick="changeColor(2)">
  <INPUT TYPE="BUTTON" NAME="button4" VALUE="Green" onClick="changeColor(3)">
  <INPUT TYPE="BUTTON" NAME="button5" VALUE="Blue " onClick="changeColor(4)">
  <INPUT TYPE="BUTTON" NAME="button6" VALUE="White" onClick="changeColor(5)">
</BODY>
</HTML>
BACK