display=none在firefox下的bug.

不是bug
firefox里tr的display应该是table-row,
判断一下就行了
if( document.all )
  nextr.style.display = hided ? "block" :"none";
else
  nextr.style.display = hided ? "table-row" :"none";

解决方案 »

  1.   

    <body>
    <table id="usermenu" CLASS="usermenu">
     <tr>
      <th onclick="javascript:menu(this)">管理</th>
     </tr>
    <tr>
    <td>
    fdsf<br>
    dfsfds<br>
    </td>
    </tr>
    </table>script<script language="javascript" type="text/javascript">
    <!--/*xxxddd*/
    function menu(t)
    {
    var tbl = document.getElementById('usermenu');
    var tr = t.parentNode;
    ti = tr.rowIndex;
    nexti = ti+1;
    var nextr = tbl.rows[nexti];
    var nextd = nextr.cells[0];
    var hided = (nextr.style.display == "none");
    if(nextr){
    nextr.style.display = hided? "" :"none";
    }
    //alert(tbl.innerHTML);
    }
    //-->
    </script>
    </body>你这个再试一下呢，也不知道改动了那里好像就ok了
      

  2.   

    呵呵，看到楼上了:) 原来是因为我把block给去掉的原因阿真是得熟悉熟悉firefox所支持的标准，麻烦。
      

  3.   

    +了个div，现在ok了。function menu(t)
    {
    var tbl = document.getElementById('usermenu');
    var tr = t.parentNode;
    ti = tr.rowIndex;
    nexti = ti+1;
    var nextr = tbl.rows[nexti];
    var nextd = nextr.cells[0];
    var dv = nextd.childNodes[0];
    if(dv.nodeName=='#text'){
    dv = nextd.childNodes[1];
    }
    var hided = (dv.style.display == "none");
    if(dv){
    dv.style.display = hided ? "block" :"none";
    }
    }
    //-->
    </script>
    <table id="usermenu" CLASS="usermenu">
    <tr>
    <th onclick=menu(this) >管理</th>
    </tr>
    <tr>
    <td>
    <div>
    fdsf<br>
    dfsfds<br>
    </div>
    </td>
    </tr>
    </table>
      

  4.   

    晕，没看到稻草人兄的回复，sorry.