ZKX's LAB

js控制点击处div隐藏 js 点击一个按钮 显示一个div 隐藏之前的div,每次点击显示一个

2020-10-14知识25

js 怎么用一个按钮控制DIV来回显示和隐藏 1、打开Hbuilder编辑器,新建一2113个html空白文档,输入基本的结5261构,然后按下4102Crtl+S保存一下:2、创建一个button按钮,1653给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的效果,以上就是用JS控制div显示隐藏的案例:

js控制点击处div隐藏 js 点击一个按钮 显示一个div 隐藏之前的div,每次点击显示一个

如何通过js 控制多个div显示或隐藏? 通过改变 style=\"display:none;达到隐藏或者显示,建议JQuery 实现时最方便的只需要两行代码(\"#totle2\").hide();(\"#totle1\").show();

js控制点击处div隐藏 js 点击一个按钮 显示一个div 隐藏之前的div,每次点击显示一个

如何实现JS点击按钮隐藏一部分DIV,在点击按钮出现整个DIV? 通过div 的id获取中间div的对象var divObj=document.getElementById(\"divId\");如果div是显示的话就隐藏,否则就显示if(divObj.style.display=\"\"){divObj.style.display=\"none;}else{divObj.style.display=\";}

js控制点击处div隐藏 js 点击一个按钮 显示一个div 隐藏之前的div,每次点击显示一个

#js代码#var#div隐藏#js#按钮

随机阅读

qrcode
访问手机版