在前端 JavaScript 编辑过程中, 有时候需要对一个特殊标签进行判断是否显示. 在 JavaScript 开发中可以使用 e.style.display == "none" 判断某个标签是否显示. 下面将通过一个案例进行描述如何判断标签是否显示.
使用 JavaScript 判断 div 是否显示示例:
<div id="div1" style="display: none; width: auto; height: auto;"></div>
这段代码是标记了一个隐藏的 div, 通常在满足某些条件下才会让它显示出来, 但是有的时候事情并不总是这么简单, 或许还要事先知道它是否已经显示出来了才能做进一步的操作, 这时候可以使用 JS 做个简单的判断:
- var o =document.getElementById("div1").style.display;
- if(o=="none") // 已经是隐藏状态
- {
- document.getElementById("div1").innerhtml = ""; //div 要显示的内容
- document.getElementById("div1").style.display = ""; // 使之可见
- }
- else
- { document.getElementById("div1").innerHTML = ""; //div 要显示的内容
- document.getElementById("div1").style.display = "none"; // 使之不可见
- }
来源: http://www.css88.com/qa/javascript/11013.html