今天在做表格隐藏的时候，使用以下代码：
<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>
运行成功，使两个浏览器中都能得到相同的效果。现在放这段代码放在此，与大家共享。

评论