爱法斗学编程 2019-12-07 16:35 采纳率: 72.7%
浏览 639
已采纳

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循环也不行),只有点第三个一级菜单新浪才出现,点前两个一级菜单是没反应的

  • 写回答

3条回答 默认 最新

  • threenewbee 2019-12-07 17:16
    关注
                    if (i==num) {temp[i].style.display="block";}
                  else{temp[i].style.display="none";}
                是i不是num
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥50 汇编语言除法溢出问题
  • ¥65 C++实现删除N个数据列表共有的元素
  • ¥15 Visual Studio问题
  • ¥15 state显示变量是字符串形式,但是仍然红色,无法引用,并显示类型不匹配
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗