js点击切换显示隐藏

今天改版了网站,好久没写js了,写一个点击显示后再点击隐藏写了许久。看来老了。把代码发出来。以便以后能记起来。

html部分:

  1. <button onclick="testyuming()">点击显示或隐藏</button>  
  2.   
  3. <div id="test">  
  4. 要显示隐藏的内容  
  5. </div>  

js部分:

  1. function testyuming() {  
  2.     var x = document.getElementById("test");  
  3.     if (x.style.display === "none") {  
  4.         x.style.display = "block";  
  5.     } else {  
  6.         x.style.display = "none";  
  7.     }  
  8. }  
1.本站资源均为免登陆下载,直接扫码支付即可下载
2.目前仅支持支付宝扫码支付
3.客服QQ:3013197813
4.本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有!
5. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
Test玩站网 » js点击切换显示隐藏

常见问题FAQ

玩站小弟QQ没回怎么办?
防止QQ秀逗,大家可以通过:
加QQ群:联系小弟拉你~
发QQ邮箱给玩站小弟[email protected]
扫描右边的微信二维码

发表评论

Test玩站网专注全网精品资源!

QQ咨询 加入Q群