js二级菜单问题，显示一个，不显示其他二级菜单

问题描述：

代码请看下面，我这个是看了课本的案例后，仿着写的，后面对比了好几遍，
都没差异的，但是就是不能解决问题。只能点第三个才出现，点前两个不出现。
还请不要介绍奇特方法，其他方法我已实现，只是这个是课本上的原句，我实在不解为何
不行，还请懂得朋友给予解答。

<ul id="ul_1">
            <li class="li_yi" onmouseover="forErji(0);"><a href="http://www.baidu.com" target="_blank" >百度</a></li>
            <li class="li_yi" onmouseover="forErji(1);"><a href="http://www.sina.com" target="_blank" >新浪</a></li>
            <li class="li_yi" onmouseover="forErji(2);"><a href="http://www.sohu.com" target="_blank" >搜狐</a></li>
            <li class="li_yi"><a href="http://www.jd.com" target="_blank">京东</a></li>
            <li class="li_yi"><a href="http://www.suning.com" target="_blank">苏宁</a></li>
        </ul>

<script type="text/javascript">
        var temp=document.getElementsByClassName("er_div")
        function forErji(num)
        {
            var i=0;
            while(i<=2){
                if (i==num) {temp[num].style.display="block";}
              else{temp[num].style.display="none";}
              i++;
            }
        }
    </script>

我只写了前三个有二级菜单，但是现在由于这个while循环的存在（改成for循环也不行），只有点第三个一级菜单新浪才出现，点前两个一级菜单是没反应的

答

                if (i==num) {temp[i].style.display="block";}
              else{temp[i].style.display="none";}
            是i不是num

答

你应该给i==num的情况下设置break
num为1的时候，while执行到1，确实执行了temp[num].style.display="block"
但是while循环并没有结束，于是继续执行到i=2；
当i=2时，i！=num，又执行temp[num].style.display="none"
最终还是没有显示

如果num一开始就为2，则正好执行到2就结束循环，这就是你说的只有点击“新浪才行的原因”

（这是我第一次回答哦，不知道能不能帮上你）

答

贴完整代码看看这个 er_div 你是怎么写的，大概率是获取对象错了

js二级菜单问题，显示一个，不显示其他二级菜单

相关推荐