JS(JavaScript)显示隐藏DIV(HTML)

先看如下一个简单的例子:

第一个DIV

click


代码:

<script text="text/javascript">
function aa() 
{
  var a;
  var b;
  var c;
  a = document.getElementById("one");
  b = document.getElementById("two");
  c = document.getElementById("cc");
  c.innerHTML = c.innerHTML == "<a href=\"javascript:void(0)\" onclick=\"aa()\">Click Again</a>" ? "<a href=\"javascript:void(0)\" onclick=\"aa()\">click</a>" : "<a href=\"javascript:void(0)\" onclick=\"aa()\">Click Again</a>";
  a.style.display = a.style.display == "none" ? "block" : "none";
  b.style.display = b.style.display == "none" ? "block" : "none";
}
</script>
<div id="one">第一个DIV</div>
<div id="two" style="display:none;">第二个DIV</div>
<br /><span id="cc"><a href="javascript:void(0)" onclick="aa()">click</a></span>

其实原理是很简单的,只要明白获取到DIV的ID,
然后设置他的style中的display,其它值可以是(“block”, “none”)