关于javascript隐藏div的问题，大家看看我的代码有什么问题。

//ew.htm<html>
<head>
<meta http-equiv="conten-type" content="text/html charset=gb2312>
<meta http-equiv="pragma" content="no-cache">
<link rel="stylesheet" href="tree.css" type="text/css"></link>
<script language=javascript>
function switchTab(id){
var obj=document.getElementById(id);
obj.style.display = (obj.style.display == "none"?"block":"none");
}
</script>
</head><body>
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr class="seperator"><td></td></tr>
<tr class="menu"><td onclick="switchTab("submenu1")">menu1</td></tr>
<tr class="seperator"><td></td></tr>
<tr><td>
<div class="divnode" id="submenu1">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr class="submenu"><td>submenu11</td></tr>
<tr class="seperator"><td></td></tr>
<tr class="submenu"><td>submenu12</td></tr>
<tr class="seperator"><td></td></tr>
<tr class="submenu"><td>submenu13</td></tr>
</table>
</div>
</td></tr>
<tr class="seperatot"><td></td></tr>
<tr class="menu"><td onclick="switchTab("submenu2")">menu2</td></tr>
<tr class="seperatot"><td></td></tr>
<tr><td>
<div class="divnode" id="submenu2" style="display:none">
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr class="submenu"><td>submenu21</td></tr>
<tr class="seperator"><td></td></tr>
<tr class="submenu"><td>submenu22</td></tr>
<tr class="seperator"><td></td></tr>
<tr class="submenu"><td>submenu33</td></tr>
</table>
</div>
</td></tr>
<tr class="seperator"><td></td></tr>
<tr class="menu"><td>menu3</td></tr>
</table>
</body>
</html>//tree.css
.seperator{
height:2px;
background-color:#eeeeee;
}
.menu{
height:20px;
cursor:pointer;
background-color:#778899;
}
.submenu{
height:20px;
cursor:pointer;
background-color:#808080;
}
.divnode{
display:none;
background-color:#ff0000;
}

解决方案 »

  1.   

    <tr class="menu"> <td onclick="switchTab('submenu1')">menu1 </td> </tr> 
    <tr class="menu"> <td onclick="switchTab('submenu2')">menu2 </td> </tr> 
      

  2.   

    <meta http-equiv="conten-type" content="text/html charset=gb2312"> 
    <tr class="menu"> <td onclick="switchTab('submenu1')">menu1 </td> </tr> 
    <tr class="menu"> <td onclick="switchTab('submenu2')">menu2 </td> </tr> 
      

  3.   

    哦，仔细看了下，应该是你括号位置打错了
    应该是：obj.style.display = (obj.style.display == "none")?"block":"none"; 
    OK？
      

  4.   

    <meta http-equiv="conten-type" content="text/html charset=gb2312  "  > 
    <tr class="menu"> <td onclick="switchTab(  '  submenu1  '  )">menu1 </td> </tr> 
    <tr class="menu"> <td onclick="switchTab(  '  submenu2  '  )">menu2 </td> </tr> 
      

  5.   


    <!--代码没有问题,只是有三处"笔误" -->
    <html> 
    <head> 
    <!--meta http-equiv="conten-type" content="text/html charset=gb2312--> 
    <meta http-equiv="conten-type" content="text/html charset=gb2312"> 
    <meta http-equiv="pragma" content="no-cache"> 
    <link rel="stylesheet" href="tree.css" type="text/css"> </link> 
    <script language=javascript> 
    function switchTab(id){ 
    var obj=document.getElementById(id); 
    obj.style.display = (obj.style.display == "none"?"block":"none"); 
    } 
    </script> 
    </head> <body>
    <table width="160" border="0" cellpadding="0" cellspacing="0"> 
    <tr class="seperator"> <td> </td> </tr> 
    <!--tr class="menu"> <td onclick="switchTab("submenu1")">menu1 </td> </tr--> 
    <tr class="menu"> <td onclick="switchTab('submenu1')">menu1 </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr> <td> 
    <div class="divnode" id="submenu1"> 
    <table width="160" border="0" cellpadding="0" cellspacing="0"> 
    <tr class="submenu"> <td>submenu11 </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr class="submenu"> <td>submenu12 </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr class="submenu"> <td>submenu13 </td> </tr> 
    </table> 
    </div> 
    </td> </tr> 
    <tr class="seperatot"> <td> </td> </tr> 
    <!--tr class="menu"> <td onclick="switchTab("submenu2")">menu2 </td> </tr--> 
    <tr class="menu"> <td onclick="switchTab('submenu2')">menu2 </td> </tr> 
    <tr class="seperatot"> <td> </td> </tr> 
    <tr> <td> 
    <div class="divnode" id="submenu2" style="display:none"> 
    <table width="160" border="0" cellpadding="0" cellspacing="0"> 
    <tr class="submenu"> <td>submenu21 </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr class="submenu"> <td>submenu22 </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr class="submenu"> <td>submenu33 </td> </tr> 
    </table> 
    </div> 
    </td> </tr> 
    <tr class="seperator"> <td> </td> </tr> 
    <tr class="menu"> <td>menu3 </td> </tr> 
    </table> 
    </body> 
    </html> 
      

  6.   

    obj.style.display = (obj.style.display == "none"?"block":"none"); 
    没有问题^_^
    可以测试：
    function switchTab(id){ 
    var obj=document.getElementById(id); 
    alert(obj.style.display == "none"?"block":"none");/////////////
    obj.style.display = (obj.style.display == "none"?"block":"none"); 
    } 
    -----------------------------------也可以：
    obj.style.display = obj.style.display == "none"?"block":"none";
    或像＃4：
    obj.style.display = (obj.style.display == "none")?"block":"none"; 
    还可以：t=0
    t==0?alert("yes"):alert("no").......
      

  7.   

    非常感谢大家，特别是caiying2009
    根据我自己的测试是一处引号打错了。