如何显示和隐藏一个DIV呢？(想在IE和FireFox下都好用)

<button onclick="var a=document.getElementById('demo');a.style.display=(a.style.display=='none'?'block':'none')">test</button>
<div id="demo">blog.never-online.net</div>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

测试通过<script>
function toggle(el){
if(typeof(el)=="string"){el=document.getElementById(el);}
if(el.style.display!=""){el.style.display="";return}
if(el.style.display!="none"){el.style.display="none";return}
}
</script>
<button onclick="toggle('name')">fdasfd</button><hr />
<input type=text name=xm id="name" />
这个是div 一样的
<script>
function toggle(el){
if(typeof(el)=="string"){el=document.getElementById(el);}
if(el.style.display!=""){el.style.display="";return}
if(el.style.display!="none"){el.style.display="none";return}
}
</script>
<button onclick="toggle('name')">fdasfd</button><hr />
<div id="name" style="height:300px;background:red">
fdsafasd
</div>
//刚做了个例子，测试OK
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>the demo of hide div</title>
<script type="text/javascript">

</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99">
<div id="myapp">
<input type="text" value  = "hello world" />
<br>好きなものを選んで
<input type="radio" name="food" value="0" >林檎
<input type="radio" name="food" value="1" >蜜柑
<input type="radio" name="food" value="2" >バナナ
<input type="radio" name="food" value="3" >スイカ
<br>回数を選んで
<input type="checkbox"  checked name="kazu" value= "1">一周2回
<input type="checkbox"  name="kazu" value= "2">一周3回
<input type="checkbox"  name="kazu" value= "3">一周4回
<input type="checkbox"  name="kazu" value= "4">一周5回
</div>
<input type = "button" value = "hide" onclick="hideDiv('myapp')" />
<input type = "button" value = "show" onclick="showDiv('myapp')" />
</body>
</html>
请使用 document.getElementById 不要使用 document.all
隐藏的话直接设置 obj.style.display = "none"
div1.style.display = "none"
div1.style.display = "block"
div1.style.display = "none"
div1.style.display = "block"