在前端JavaScript编辑过程中，有时候需要对一个特殊标签进行判断是否显示。在JavaScript开发中可以使用e.style.display=="none"判断某个标签是否显示。下面将通过一个案例进行描述如何判断标签是否显示。
方法/步骤
1、打开html开发工具，新建一个html页面。
2、在html页面上创建一个用于显示与隐藏的<div>,同时给这个标签添加一个id为cont，然后在创建一个input按钮标签，同时给这个按钮标签添加一个按钮点击ifshow()事件。html代码：<divid="cont">点击按钮，判断标签是否显示</div> <inputtype="button"onclick="ifshow()"value="判断按钮"/>
3、在<title>标签后面创建一个<script>标签，用于执行JavaScript语句。
4、使用e.style.display=="none"判断div是隐藏，跗柿椁焚如果是隐藏的就显示div，如果是显示的擒歙常泺那就隐藏。JavaScript代码：functionifshow(){ varid=document.getElementById("cont");//获取id varflage=id.style.display=="none";//判断标签是否隐藏 if(flage){ id.style.display="block";//显示变为隐藏 }else{ id.style.display="none"//标签由显示变为隐藏 } }
5、保存html代码后使用浏览器打开，点击按钮图标即可看到<div>标签隐藏了，再次点击按钮隐藏的<div>就会显示。
6、所嘀芟苒疾有代码。可以直接复制所有，粘贴到新建html页面，保存后使用浏览器打开即可看到效果。所有代码：<!DOCTYPEhtml><h墉掠载牿tml> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> functionifshow(){ varid=document.getElementById("cont");//获取id varflage=id.style.display=="none";//判断标签是否隐藏 if(flage){ id.style.display="block";//显示变为隐藏 }else{ id.style.display="none"//标签由显示变为隐藏 } } </script> </head> <body> <divid="cont">点击按钮，判断标签是否显示</div> <inputtype="button"onclick="ifshow()"value="判断按钮"/> </body></html>
