使用if条件判断,来实现div标签的显示和隐藏效果的切换。
代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>document</title> <style> #div1{ width: 100px; height: 200px; background: green; } </style> <script> function showhide(){ var odiv = document.getelementbyid('div1'); if(odiv.style.display == 'none'){ odiv.style.display = 'block'; }else{ odiv.style.display = 'none'; } } </script> </head> <body> <input type="button" value="显示隐藏" onclick="showhide()"> <div id="div1" style="display: none;"></div> </body> </html>
注意:
在函数中,要想修改标签的属性的值,首先还是要先获取这个标签。
如对本文有疑问, 点击进行留言回复!!
MFC的静态库.lib、动态库.dll(包含引入库.lib)以及Unicode库示例
CTF 刷题记录(一) 白云新闻搜索(手动与自动化SQL注入)
javascript如何使用函数random来实现课堂随机点名方法详解
网友评论