js点击切换显示隐藏
今天改版了网站,好久没写js了,写一个点击显示后再点击隐藏写了许久。看来老了。把代码发出来。以便以后能记起来。
html部分:
- <button onclick="testyuming()">点击显示或隐藏</button>
- <div id="test">
- 要显示隐藏的内容
- </div>
js部分:
- function testyuming() {
- var x = document.getElementById("test");
- if (x.style.display === "none") {
- x.style.display = "block";
- } else {
- x.style.display = "none";
- }
- }
1.本站资源均为免登陆下载,直接扫码支付即可下载
2.站点支持支付宝扫码支付,更多支付方式联系客服QQ!
3.客服QQ:3013197813,822674928
4.本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有!
5. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
Test玩站网 » js点击切换显示隐藏
2.站点支持支付宝扫码支付,更多支付方式联系客服QQ!
3.客服QQ:3013197813,822674928
4.本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有!
5. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
Test玩站网 » js点击切换显示隐藏
常见问题FAQ
- 玩站小弟QQ没回怎么办?