黑马程序员技术交流社区

标题: 下面是JSP中高亮显示的代码，问题不知道出现在哪儿 [打印本页]

作者: 何明辉 时间: 2012-9-2 10:40
标题: 下面是JSP中高亮显示的代码，问题不知道出现在哪儿
<head>
<style type="text/css">
table{
border:#0099FF 1px solid;
width:600px;
border-collapse:collapse;}
table td,table th{
border:#0099FF 1px solid;
padding:10px 0px 10px 10px;
}
table th{
background-color:#00CCFF;
}
.one{
background-color:#CCFF66;}
.two{
background-color:#FF9900;}
.three{
background-color;#00DDFF;
}
#fourth{
background-color;#00DEFF;／／此处将设置ID的值，以提高显示权限。
}
</style>
<script type="text/javascript">
function list(){
var name;
var nodetd=document.getElementsByTagName("tr");
for(var i=0;i<nodetd.length;i++)
{
  if((i+1)%2==0)
  nodetd.className="one";
  else
  nodetd.className="two";
nodetd.onmouseover=function()
  {
   name=this.className;
this.className="three";
  }
  nodetd.onmouseout=function()
  {
this.className=name;
  }
  nodetd.onclick=function()
  {
if(this.id=="fourth")
this.id="";
else
this.id="fourth";
alert(this.id);／／貌似这里出现问题，能正常显示ID值，但是就是不能显示出相应的样式。
  }
}
}
onload=function(){
list();
}
</script>
</head>
<body>
<table>
<tr><th>电影名称</th><th>电影介绍</th><th>主演名单</th></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
<tr><td>吊袜带</td><td>第就爱加大阿达</td><td>大的热情</td></tr>
</table>
</body>
上面是根据老师的高亮显示自己动手练习了一遍，实现的效果是行与行之间的颜色交替变化，当点击每一行时出现高亮效果。但问题是就是高亮的效果点击不出来，我已经检查了好长时间，实在是头疼，求大家帮我看看错在哪儿。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2