几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
JavaScript判断div是否显示
来源：互联网
2023-03-16 23:57:12 477
在前端JavaScript编辑过程中，有时候需要对一个特殊标签进行判断是否显示。在JavaScript开发中可以使用 e.style.display == "none" 判断某个标签是否显示。下面将通过一个案例进行描述如何判断标签是否显示。
方法/步骤
打开html开发工具，新建一个html页面。
在html页面上创建一个用于显示与隐藏的div>,同时给这个标签添加一个id为cont，然后在创建一个input按钮标签，同时给这个按钮标签添加一个按钮点击ifshow()事件。
html代码：
div id="cont">点击按钮，判断标签是否显示/div>
input type="button" onclick="ifshow()" value="判断按钮" />
在title>标签后面创建一个script>标签，用于执行JavaScript语句。
使用 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" // 标签由显示变为隐藏
}
}
保存html代码后使用浏览器打开，点击按钮图标即可看到div>标签隐藏了，再次点击按钮隐藏的div>就会显示。
所有代码。可以直接复制所有，粘贴到新建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
上一篇：js绑定事件的方法 下一篇：如何点击图片放大代码
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 258 JAVASCRIPT
- 详细阅读