function showDiv(id)
{
var objdiv=document.getElementsByName(id);
var n = objdiv.length;
//alert(id+n);
for(var i=0;i<n;i++)
{
objdiv[i].style.display='';
hide.style.display='';
show1.style.display="none";
}
}
function hiddenDiv(id)
{
var objdiv=document.getElementsByName(id);
var n=objdiv.length;
for(var i=0;i<n;i++)
{
objdiv[i].style.display="none";
show1.style.display="";
hide.style.display='none';
}
}这段代码在firefox下为什么不起作用?  谢谢

解决方案 »

  1.   

    HTML这样写是可以的,查下HTML有没有写错
    <input type="button" onclick="showDiv('d')">
    <input type="button" onclick="hiddenDiv('d')">
    <div name="d">xxxxx<div>
    <div name="d">xxxxx<div>
    <div name="d">xxxxx<div>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <script language="javascript">
    function showDiv(id)
    {
    var objdiv=document.getElementsByName(id);
    var n = objdiv.length;
    //alert(id+n);
    for(var i=0;i <n;i++)
    {
    objdiv[i].style.display='';
    hide.style.display='';
    show1.style.display="none";
    }
    }
    function hiddenDiv(id)
    {
    var objdiv=document.getElementsByName(id);
    var n=objdiv.length;
    for(var i=0;i <n;i++)
    {
    objdiv[i].style.display="none";
    show1.style.display="";
    hide.style.display='none';
    }
    } </script>
    <body>
    <div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level[]');" >显示div</a></div><div id="hide"style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level[]');" >隐藏div</a></div><div name="level" id="level[]"  style="display:none">
            111
    </div>
    </body>
    </html>
    我的原代码是这样的。请帮忙看一下。 谢谢!
      

  3.   

    主要是[]的问题<div name="level[]" ...
      

  4.   

    点击完了“显示div”后,再点"隐藏div"就不起作用了?  谢谢
      

  5.   

    我这里可以呀, ff2下测的
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title> 无标题文档 </title> 
    </head> 
    <script language="javascript"> 
    function showDiv(id) 

    var objdiv=document.getElementsByName(id); 
    var n = objdiv.length; 
    //alert(id+n); 
    for(var i=0;i  <n;i++) 

    objdiv[i].style.display=''; 
    hide.style.display=''; 
    show1.style.display="none"; 


    function hiddenDiv(id) 

    var objdiv=document.getElementsByName(id); 
    var n=objdiv.length; 
    for(var i=0;i  <n;i++) 

    objdiv[i].style.display="none"; 
    show1.style.display=""; 
    hide.style.display='none'; 

    }  </script> 
    <body> 
    <div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level[]');"> 显示div </a></div><div id="hide"style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level[]');" > 隐藏div </a> </div> 
    <div name="level[]" id="level[]"  style="display:none">111</div> 
    </body> 
    </html> 
      

  6.   

    jf   jf
     jf jf
      jf
      

  7.   

    同样  还是存在    点击完了“显示div”         
    “隐藏div”没有出现  且也没有隐藏11?  谢谢了
      

  8.   

    确定<div name="level"改掉了么?
    以上是不是你的全部代码了,我贴的代码试过不行吗?
    你用的firefox的版本是多少?
    我用firefox2, 完全可以运行的。
      

  9.   

    如果仅对一个DIV进行操作:<script language="javascript">
    function showDiv(id){
    var s = document.getElementById("show1");
    var h = document.getElementById("hide");
    var l = document.getElementById(id);
      s.style.display="none";
    h.style.display="";
    l.style.display="";
    }
    function hiddenDiv(id){
    var s = document.getElementById("show1");
    var h = document.getElementById("hide");
    var l = document.getElementById(id);
      s.style.display="";
    h.style.display="none";
    l.style.display="none";
    }  
    </script>
    <div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level');">显示div</a></div>
    <div id="hide" style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level');">隐藏div</a></div>
    <div name="level" id="level"  style="display:none">111</div>
    如果要操作多个div如下:
    <script language="javascript">
    function showDiv(id){
    var s = document.getElementById("show1");
    var h = document.getElementById("hide");
    var l = document.getElementById(id).getElementsByTagName("div");
      s.style.display="none";
    h.style.display="";
    for(i=0;i<l.length;i++){
    l[i].style.display="";
    }
    }
    function hiddenDiv(id){
    var s = document.getElementById("show1");
    var h = document.getElementById("hide");
    var l = document.getElementById(id).getElementsByTagName("div");
      s.style.display="";
    h.style.display="none";
    for(i=0;i<l.length;i++){
    l[i].style.display="none";
    }
    }  
    </script>
    <div id="show1"><a style="cursor:pointer" onClick="javascript:showDiv('level');">显示div</a></div>
    <div id="hide" style="display:none;"><a style="cursor:pointer" onClick="javascript:hiddenDiv('level');">隐藏div</a></div>
    <div id="level">
    <div style="display:none">111</div>
    <div style="display:none">222</div>
    <div style="display:none">222</div>
    </div>
      

  10.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">我看了和这个有关系,把这个去掉就可以了,  但是其他的又有问题了,
      

  11.   

    灌水机代码:www.dullwolf.cn/CSDNer.rar下载。