日期:2014-05-17  浏览次数:20454 次

在线等javascript点击切换DIV,急
我写了执行没反应请大家帮下忙吧
JS部分:
function tu() 
{
  if (document.getElementById("tu").style.display == "none") {
  document.getElementById("biao").style.display = "block";
  }
  else 
  {
  document.getElementById("tu").style.display == "block";
  document.getElementById("biao").style.display == "none";
  }

}
html部分:
<ul>
<li>
<A id="dangtianribao" style="FONT-SIZE: 12px; BACKGROUND-COLOR: #6a7fd2" onclick="tu();">月报</A>
</li>
  <li>
<A id="zhuzhuangtu" style="FONT-SIZE: 12px; BACKGROUND-COLOR: #6a7fd2" onclick="tu();">柱状图月报</A>
</li>
</ul>
  <div id="biao">
测试1

 </div>
  <div id="tu" style="display:none;" >
  这个是测试
  </div>

------解决方案--------------------
if (document.getElementById("tu").style.display == "none")这条语句永远被满足,因为 tu 开始就是 none,<div id="tu" style="display:none;" >,所以每次都是隐藏tu显示biao,和初始状态一样,根本看不到效果