代码描述:js设置元素控件 显示和隐藏。js设置元素控件显示和隐藏代码下载
本章节介绍一下如何设置元素的显示和隐藏效果,这种类似的应用非常的多,并且是各种形式各种场景,下面就以点击同一个按钮实现元素的显示和效果,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #thediv{ width:200px; height:50px; background:#CCC; text-align:center; font-size:12px; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("thediv"); var obt=document.getElementById("bt"); var flag=1; obt.onclick=function(){ if(flag==1){ odiv.style.display="none"; flag=0; } else{ odiv.style.display="block"; flag=1; } } } </script> </head> <body> <div id="thediv">51前端</div> <input type="button" id="bt" value="查看效果"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能