今天在做表格隐藏的时候，使用以下代码：<table width=300 border=1><tr><td align=right width="30%">&nbsp;</td><td><input type="radio" name="f" onclick="qw(1)">打开&nbsp;<input type="radio" name="f" onclick="qw(0)" checked>隐藏</td></tr><tr id="bcde" style="display:none"> <td align="right">显示</td> <td>显示</td></tr> </table><script language="javascript">function qw(id){  if (id==1)  {   document.getElementById("bcde").style.display="block";  }  else  {    document.getElementById("bcde").style.display="none";  }  }</script>出现的问题是：IE中浏览的效果正常，是我想要的，但是，拿到FF中，效果就不是我想要的。在此感谢网友sion，他告诉我：firefox里tr的display应该是table-row，然后给出了代码：<table width=300 border=1>  <tbody><tr><td align=right width="20%">&nbsp;</td><td><input type="radio" name="f" onclick="qw(1)">打开&nbsp;<input type="radio" name="f" onclick="qw(0)" checked>隐藏</td></tr><tr id="bcde" style="display:none"> <td align="right" width="20%">显示</td> <td>显示</td></tr>  <tbody></table><script language="javascript">function qw(id){  var ff = !(document.all) ; var bdce = document.getElementById("bcde")  ;  if (id==1)  {     if(ff)    {       bdce.style.display = 'table-row' ;   }    else   {    bdce.style.display = 'block';   }  }  else  {    bdce.style.display = 'none' ;  }}</script>运行成功，使两个浏览器中都能得到相同的效果。现在放这段代码放在此，与大家共享。

评论