display 为什么只是第一个div会展开，下面的不会展开

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function divlist(){
var aNode=event.srcElement;
    var parentNode=aNode.parentNode var divNode=parentNode.getElementsByTagName("div")[0];    var divNodes=document.getElementsByTagName("div");    for(var x=0;x<divNodes.length;x++){
if(divNodes[x]==divNode){

if(divNode.className=="divOpen"){
   divNode.className="divClose";   
}
else{
   divNode.className="divOpen";
}

}
else{
divNode[x].className="divClose";
    }
}
}
</script>
<style type="text/css">
table{
border:#63C solid ;
background-color:#6CF;}
table td{
border-bottom:solid #69C ;

}
table td div{
display:none;
border-left:#FC9 dashed 1px
}
.divOpen{
display:block;
}
.divClose{display:none;}

table td a:link,table td a:visited{
text-decoration:none;
color:#C30;
}</style></head><body>
<table>
      <tr>
          <td>
           <a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
           <div>
              <font>---</font>safa<br/>
              ---xzcc<br/>
              ---asdf<br/>
              ---hthr<br/>
           </div>        
          </td>
      </tr>
      <tr>
          <td>
           <a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
           <div>
              safa<br/>
              xzcc<br/>
              asdf<br/>
              hthr<br/>
           </div>        
          </td>
      </tr>
      <tr>
          <td>
           <a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
           <div>
              safa<br/>
              xzcc<br/>
              asdf<br/>
              hthr<br/>
           </div>        
          </td>
      </tr>
      <tr>
          <td>
           <a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
           <div>
              safa<br/>
              xzcc<br/>
              asdf<br/>
              hthr<br/>
           </div>        
          </td>
      </tr>
      <tr>
          <td>
           <a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
           <div>
              safa<br/>
              xzcc<br/>
              asdf<br/>
              hthr<br/>
           </div>        
          </td>
      </tr></table></body>
</html>

解决方案 »

  1.   

    function divlist(){
     var aNode=event.srcElement;
       var parentNode=aNode.parentNode var divNode=parentNode.getElementsByTagName("div")[0];   var divNodes=document.getElementsByTagName("div");   for(var x=0;x<divNodes.length;x++){
     if(divNodes[x]==divNode){ if(divNode.className=="divOpen"){ 
    divNode.className="divClose";   
    }
     else{
     divNode.className="divOpen";
     } }
     else{
     divNode[x].className="divClose"; 
    }
     }
    }
    </script>测试一下你写的这个方法
      

  2.   

    else{
     divNode[x].className="divClose"; 
    }
    少了个s:else{
     divNodes[x].className="divClose"; 
    }