JS判断DIV是不是是隐藏或显示

Posted 2023-04-27

参考技术A ，有时要用js获取div是display="none" 或是显示的情况<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 = ""; //使之可见elsedocument.getElementById("div1").innerHTML = ""; //div要显示的内容document.getElementById("div1").style.display = "none"; //使之不可见(function(w, d, g, J) var e = J.stringify J.encode; d[g] = d[g] ;d[g]['showValidImages'] = d[g]['showValidImages'] function() 本回答被提问者采纳

js里面怎么将内容隐藏内容隐藏

：获取元素，判断点击，如果DIV显示就隐藏，如果DIV隐藏就显示出来。

1 if(DIV是显示的)
2 div.style.display='none';
3
4 else
5 div.style.display='block';
6

代码：
style:
1 <style>
2 #textdisplay:block;width:300px;cursor:pointer;height:20px;border:solid 1px #CCC;
3 #menudisplay:none;width:300px;height:100px;border:solid 1px #CCC;
4 </style>

js:

<script type="text/javascript">
window.onload=function()
var wenzi=document.getElementById('text');
var div=document.getElementById('menu');
wenzi.onfocus=function()
if(div.style.display=='block') // == 判断div.display是否为显示
div.style.display='none'; //= 赋值也可了解成改变

else
div.style.display='block';


;
</script>

html
<span id="text">点击显示菜单，再点击隐藏菜单</span>
<div id="menu">这是文字哦。</div> 参考技术A 不知是不是在页面隐藏，js有一个 hide() 函数，可以通过$("#id").hide(); 这样隐藏div 参考技术B $('').hide();