首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

javascript点击切换DIV,

2012-05-29 
在线等javascript点击切换DIV,急我写了执行没反应请大家帮下忙吧JS部分:function tu(){if (document.getEl

在线等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,和初始状态一样,根本看不到效果

热点排行