注册 登录
编程论坛 JavaScript论坛

有谁给看看,为什么点击上方颜色方框后底下方框颜色不变呢?

云の翼 发布于 2014-04-24 02:19, 630 次点击
<!--换色板-->
<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>
3 回复
#2
我爱敲代码2014-04-30 00:29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function changeColor(color)
{
 var s=document.getElementById("id2");
    if(s.bgColor!="#FFFFFF"){
      s.bgColor="#FFFFFF";
    }
s.bgColor=color;
}
</script>
<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="id2" border=1 width=168 height=168 name="ta">
<tr><td></td></tr>
</table>
</body>
</html>
正确代码,希望对你有帮助!!!
#3
thorone2014-05-19 15:31
调用方法时实在参数表中传参错误
#4
渴望做梦2015-02-11 18:12
<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>
这样传到方法中的是变量不是字符串格式,要加上''
1