JavaScript判断div是否显示

 时间:2024-10-13 22:02:20

1、打开html开发工具,新建一个html页面。

JavaScript判断div是否显示

2、在html页面上创建一个用于显示与隐藏的<div>,同时给这个标签添加一个id为cont,然后在创建一个input按钮标签,同时给这个按钮标签添加一个按钮点击ifshow()事件。html代码:<div id="cont">点击按钮,判断标签是否显示</div> <input type="button" onclick="ifshow()" value="判断按钮" />

JavaScript判断div是否显示

3、在<title>标签后面创建一个<script>标签,用于执行JavaScript语句。

JavaScript判断div是否显示

4、使用 e.style.display == "none" 判断div是隐藏,如果是隐藏的就显示div,如果是显示的擒歙常泺那就隐藏。JavaScript代码:function ifshow(){ var id = document.getElementById("cont");//获取id var flage = id.style.display == "none"; //判断标签是否隐藏 if(flage){ id.style.display = "block" ;//显示变为隐藏 }else{ id.style.display = "none" // 标签由显示变为隐藏 } }

JavaScript判断div是否显示

5、保存html代码后使用浏览器打开,点击按钮图标即可看到<div>标签隐藏了,再次点击按钮隐藏的<div>就会显示。

JavaScript判断div是否显示JavaScript判断div是否显示

6、所有代码。可以直接复制所有,粘贴到新建html页面,保存后使用浏览器打开即可看到效果。所有代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function ifshow(){ var id = document.getElementById("cont");//获取id var flage = id.style.display == "none"; //判断标签是否隐藏 if(flage){ id.style.display = "block" ;//显示变为隐藏 }else{ id.style.display = "none" // 标签由显示变为隐藏 } } </script> </head> <body> <div id="cont">点击按钮,判断标签是否显示</div> <input type="button" onclick="ifshow()" value="判断按钮" /> </body></html>

JavaScript判断div是否显示
  • jquery 如何判断哪个按钮点击了
  • 如何获取html控件自定义属性值
  • js怎么判断事件是否绑定
  • 如何使用SQL Developer为表新建唯一约束条件
  • vmware虚拟机的自动还原
  • 热门搜索
    卫生手抄报图片 廉洁文化手抄报内容 手抄报花 古诗配画手抄报 数学与生活手抄报 足球手抄报 保护眼睛的手抄报 安全教育手抄报资料 我爱阅读手抄报资料 吸烟有害健康手抄报