JS中的小问题

iMouseWu 2013-05-06 10:39:46

<html>
<head><title>最简树形菜单</title>
<style type="text/css">
.big{
cursor:pointer;
}
ul{
list-style-type:none;

}
.mepig{
display:none;
}
</style>

<script>
window.onload=function()
{
var vc=document.getElementsByName("medog");
var ve=document.getElementsByTagName("ul");
vc[0].onmouseup=function(){
//ve[1].style.display="block"
if(ve[1].style.display=="block")
{
ve[1].style.display="none";

}
else
{
ve[1].style.display="block";
}
}

vc[1].onmouseup=function(){
if(ve[2].style.display=="block")
{
ve[2].style.display="none";

}
else
{
ve[2].style.display="block";
}
}
/* for(var i=0;i<vc.length;i++)
{
vc[i].onmouseup=function()
{

if(ve[i+1].style.display=="block")
{
ve[i+1].style.display="none";

}
else
{
ve[i+1].style.display="block";
}
}
}*/
}
</script>
</head>
<body>
<ul>
<li ><img name="medog" class="big" src="http://www.google.com/coop/images/zippy_plus_sm.gif" > A
<ul name="mepig" class="mepig">
<li>a1</li>
<li>a2</li>
<li>a3</li>
</ul>
</li>
<li><img name="medog" class="big" src='http://www.google.com/coop/images/zippy_plus_sm.gif' > B
<ul name="mepig" class="mepig">
<li>b1</li>
<li>b2</li>
<li>b3</li>
</ul>
</li>
</ul>
</body>
</html>
如上代码。为什么用注释掉的代码就会出错！难道注释的和没有注释的表达的不是一个意思吗？求大神解答！

...全文

102 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

JavaScript_R 2013-05-07

打赏
举报

一天要饭生活又开始啦 2013-05-07

打赏
举报

这样改

for(var i=0;i<vc.length;i++) {
       vc[i].onmouseup=function(j) {
			return function() {
				if(ve[j+1].style.display=="block") {
		        	ve[j+1].style.display="none";

		     	}
		     	else {
					ve[j+1].style.display="block";
				}
			}
	        
       }(i);
}