JavaScript 树形结构问题


这个是个静态的，用div+table做的，如果你的菜单是死的话就可以用，
    <script>
  
      function a(x){
            document.getElementById(x).style.display=="none"?document.getElementById(x).style.display="":document.getElementById(x).style.display="none";
        }
    </script>
</head>
<body>
<div id="a_0" onclick="a('a_1')">根节点</div>
<table id="a_1" style="display:none">
<tr><td id="a_2" onclick="a('a_5')">---父节点1</td></tr>
<tr><td><table id="a_5" style="display:none">
<tr><td>  ------1的子节点1</td></tr>
<tr><td>  ------1的子节点2</td></tr>
</table></td></tr>
<tr><td id="a_3">---父节点2</td></tr>
<tr><td id="a_4" onclick="a('a_6')">---父节点3</td></tr>
<tr><td><table id="a_6" style="display:none">
<tr><td>  ------3的子节点1</td></tr>
<tr><td>  ------3的子节点2</td></tr>
</table></td></tr>
</table>
</body>
</html>

解决方案 »

  1.   

    目前展开一个table已经解决，目前在做，点击展开的节点后，弹出一个窗口。
      

  2.   

    to hshbs:
    不好意思，因为我刚刚接触，所以对弹出一个层不太理解，我感觉用wiodow.open()是否就可以弹出一个来呢？？
      

  3.   

    window.open是新开一个窗口,其实说弹出一个层,不如说是先把层准备好,然后样式上用隐藏,点击触发一个函数,修改样式为显示就可以了.
      

  4.   

    现在到了用JS与XML和Word链接的地方了，不知道各位有什么好的方法没？