改变网页背景及文字颜色

<style>
#changeCol{background:#333;color:#F5F5F5;border:2px solid #abcdef;}
#changeCol tr{background:#333;}
#changeCol td{text-align:left;}
</style>
<center>
<table id="changeCol">
<tbody><tr><td><script>
function color(){
document.getElementById("whole_body").style.backgroundColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
</script>
<form name="colc">
请选择颜色</td></tr>
<tr><td>背景色:</td>
<td><select name="cc">
<option value="#F5F5F5"selected>雪白
<option value="black">黑色
<option value="blue">蓝色
<option value="green">绿色
<option value="skyblue">淡蓝
<option value="orange">橙色
<option value="purple">紫色
<option value="red">红色
<option value="silver">银色
<option value="yellow">黄色
<option value="white">白色</option></select></td></tr>
<tr><td>文字色:</td>
<td><select name="tc">
<option value="orange">橙色
<option value="purple">紫色
<option value="red">红色
<option value="silver">银色
<option value="yellow">黄色
<option value="white">白色
<option value="black"selected>黑色
<option value="blue">蓝色
<option value="green">绿色
<option value="skyblue">淡蓝
</option></select></td></tr>
<tr><td><input onclick="color()"type="button"value="改变颜色"name="button"></td></tr></form></tbody></table>
</center>