一个关于js做的层次列表，有一点点问题，请大家帮忙看一下，谢谢啦

Question

使用js做的一个列表层次，在点击加号后，列表展开，里面有好几个选项，但是点击选项之后，列表就自动关闭了，不知道我哪里的属相设置的有问题，以下是我的js的代码

 <script type="text/javascript">
    window.onload=setfunction;
    function setfunction(){
        var lis=document.getElementsByTagName("li");
        for(var i=0;i<lis.length;i++){
            if(lis[i].className=="open"){
                lis[i].onmouseup=handlemouseup;
            }
        }
    }
    function handlemouseup(){
        var state;
        if(this.className=="open"){
            this.className="close";
            state="block";
        }
        else if(this.className=="close"){
            this.className="open";
            state="none";
        }
        var ulobj=this.getElementsByTagName("ul");
        ulobj[0].style.display=state;
    }
    </script>

列表是的层次是这样的

 <ul>
   <li>   
        <ul>
          <li></li>
           <li></li>
           <li></li>
       </ul>
   </li>
<li>   
        <ul>
          <li></li>
           <li></li>
           <li></li>
       </ul>
   </li>
</ul>

但是结果在执行的时候就成了不管点列表里面的哪一个，列表都会关闭，不知道有没有懂的人帮忙看一下问题，谢谢大家啦~~

Answer 1

事件冒泡的原因，因为你的设置了父节点onmouseup，子节点虽然没有这个事件，但是点击子节点时，事件冒泡，会执行父节点的相同事件，阻止事件冒泡就好了。
function stopBubble(e)

{

if (e && e.stopPropagation)

e.stopPropagation()

else
window.event.cancelBubble=true
}

把这个stopBubble(e)函数放到你想要的阻止事件冒泡函数里面就可以阻止事件冒泡了