关于javascript控制DIV显示与隐藏的问题(firefox兼容性问题)

<div id="MenuBase" onclick="menuChange(Base)">站点基本设置</div>
这里的参数不推荐这样传，会出问题
<div id="MenuBase" onclick="menuChange(this)">站点基本设置</div>function menuChange(obj)
{
    var div = obj.nextSibling;
if(div.style.display=="none")
{
div.style.display="";
}
else
{
div.style.display="none";
}
}

解决方案 »

  1.   

    写法不规范.<script language="javascript" type="text/javascript">
    function menuChange(menu)
    {
                      var obj=document.getElementById(menu);
    if(obj.style.display=="none")
    {
        obj.style.display="";
    }
    else
    {
        obj.style.display="none";
    }
    }
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
          <div id="Header">顶部     </div>
          <!--基本设置开始-->
          <div id="MenuBase" onclick="menuChange('Base');">站点基本设置</div>
          <div id="Base">
              <a href="#">系统信息</a> | <a href="#">站点设置</a><br />
              <a href="#">管理员设置</a> | <a href="#">数据库备份</a>
          </div>