使用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>
但是结果在执行的时候就成了不管点列表里面的哪一个,列表都会关闭,不知道有没有懂的人帮忙看一下问题,谢谢大家啦~~