html中实现数据的显示和隐藏
时间：2024-02-01 13:01:19|栏目：HTML/Xhtml|点击：0 次
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>demo</title> <script> var obj = document.getElementById("div_id"); function hideOrShowEvent(){ var obj= document.getElementById("div_id"); if(obj.style.display=="block"){ //如果是显示则隐藏 obj.style.display="none"; }else{ //如果是隐藏则显示 obj.style.display="block"; } } </script> </head> <body> <div id="div_id" style="border:1px solid red;display:block;" > 这里是内容 </div> <button type="button" onclick=hideOrShowEvent()> 点击隐藏或显示 </button> </body> </html> |
栏 目：HTML/Xhtml
下一篇：超链接 a href 通过post方式提交表单的方法
本文标题：html中实现数据的显示和隐藏
本文地址：https://www.wqjdym.top/HTML_Xhtml/6.html
您可能感兴趣的文章
