js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码

[复制链接]
查看1652 | 回复0 | 2020-9-3 14:44 | 显示全部楼层 |阅读模式
js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码
javascript代码如下:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script>
  7.         window.onload=function ()
  8.         {
  9.             var obtn = document.getElementById('btn');
  10.             var oull = document.getElementById('ull');
  11.             obtn.onclick=function ()
  12.             {
  13.                 if(oull.style.display=='none')
  14.                 {
  15.                    oull.style.display='block'
  16.                 }
  17.                 else
  18.                 {
  19.                     oull.style.display='none'
  20.                 }
  21.             }
  22.         }
  23.     </script>
  24. </head>
  25. <body>
  26.     <div id="box">
  27.         <p id="btn" >自丢网</p>
  28.         <ul id="ull" style="display: block;">
  29.             <li><a href="#">二级目录</a></li>
  30.             <li><a href="#">二级目录</a></li>
  31.         </ul>
  32.     </div>
  33. </body>
  34. </html>
复制代码
代码运行效果如下:

js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码

js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16