1 if(DIV是显示的){
2 div.style.display='none'
3 }
4 else{
5 div.style.display='block'
6 }
代码：
style:
1 <style>
2 #text{display:blockwidth:300pxcursor:pointerheight:20pxborder:solid 1px #CCC}
3 #menu{display:nonewidth:300pxheight:100pxborder: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>
怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。
01首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。
02添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。
03接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐藏div。
04运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。
