有谁给看看，为什么点击上方颜色方框后底下方框颜色不变呢？
<!--换色板--><html>
<head>
<script type="text/javascript">
function changeColor(color)
{
var table=document.getElementById("colorTable");
table.bgColor=color;
}
</script>
<title>
点击换色
</title>
</head>
<body>
选取颜色:
<table border=1>
<tr height=24>
<td bgcolor=red width=24 onclick="changeColor(red)"></td>
<td bgcolor=aqua width=24 onclick="changeColor(aqua)"></td>
<td bgcolor=pink width=24 onclick="changeColor(pink)"></td>
<td bgcolor=black width=24 onclick="changeColor(black)"></td>
<td bgcolor=blue width=24 onclick="changeColor(blue)"></td>
<td bgcolor=green width=24 onclick="changeColor(green)"></td>
<td bgcolor=teal width=24 onclick="changeColor(teal)"></td>
</tr>
</table>
<table id="colorTable" border=1 width=168 height=168>
<tr><td></td></tr>
</table>
</body>
</html>
