对html里的ul 和li。我的理解是可以将ul看做装着各个li的容器。

Question

如题。
现在遇到的问题是，我要做一个三级树形结构。nodeclick('n1')函数是使得display属性变为和原来相反。即原来是none，就会变成block。
<ul>
<li onClick="javascript:nodeclick('n1');">主菜单
<ul id="n1" style="display:none">
<li>服务器</li>
<li onClick="javascript:nodeclick('sn1');">串口配置
<ul id="sn1" style="display:none">
<li><a href="#">aa</a></li>
<li>aa</li>
<li>aa</li>
</ul>
</li>
</ul>

这样运行后，点击串口模式，没有把所有的整个列表也都收缩成一个主菜单了。也就是说，相当于又点击了一下主菜单。
那么点击ul中的li也相当于点击了整个ul吗？？

Answer 1

从结构上来看 id="sn1" 的这个ul属于 <li>窜口配置 这个li的一部分，所以 点击id="sn1"这个ul下的任何元素都会触发点击li窜口的事件 建议去看下阻止事件冒泡。
或者可以这样
<li>
<h1 onclick="nodeclick('sn1');">窜口配置</h1>
<ul id="sn1" style="display:none">
...
</ul>
</li>

Answer 2

你为什么不直接用tree。。。
ul和li只是排版用的。。。这样很山寨。。。追问

DW中有tree控件吗？我用的是CS3

追答

tree都是在js框架里的。。。跟dw没关系