• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

给span添加的单击事件来控制ul的显示隐藏,效果只是一次性,第二次点击无效

var span=document.querySelector("#menu .icon-th-list");var ul=document.querySelector("#menu>ul.nav");var ul_display=getComputedStyle(ul).display;span.addEventListener( 'click', function(){if(ul_display=="block"){ul.style.display="none";span.style.left="40px";}else{span.style.left="250px";ul.style.display="block";}})

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

因为var ul_display = getComputedStyle(ul).display;
这句写在函数外相当于将ul最初的display状态存到变量,但后面都没改变它,所以ul_display这个值永远是ul最初的状态;
将这句话放到事件函数内,这样每次点击的时候都会重新获开最新的值

使用道具 举报

发新帖

发布任务需求已有1031167位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!