JavaScript判断div是否显示
1、打开html开发工具，新建一个html页面。
2、在html页面上创建一个用于显示与隐藏的<div>,同时给这个标签添加一个id为cont，然后在创建一个input按钮标签，同时给这个按钮标签添加一个按钮点击ifshow()事件。
html代码：
<div id="cont">点击按钮，判断标签是否显示</div>
<input type="button" onclick="ifshow()" value="判断按钮" />
3、在<title>标签后面创建一个<script>标签，用于执行JavaScript语句。
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" // 标签由显示变为隐藏
}
}
5、保存html代码后使用浏览器打开，点击按钮图标即可看到<div>标签隐藏了，再次点击按钮隐藏的<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>
