怎么解决 table 行的显示和隐藏 兼容性问题？

  病状是这样的：
  我给行 设置了 style样式 display，用它来控制 行的显示和隐藏， 在 IE下面没问题，但是 在火狐下面 出现问题，如果是多列的，那么在 火狐下面 隐藏后再显示的行内容 都只占一列 长度。

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script>
    function show(){
    var t=document.getElementById("tabl");
    t.rows[1].style.display="table-row";
    }
    function hidden(){
    var t=document.getElementById("tabl");
    t.rows[1].style.display="none";
    }
      </script>
     </HEAD> <BODY>
      <table id="tabl" border="1">
    <tr>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    </tr>
    <tr>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    </tr>
    <tr>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    </tr>
    <tr>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    <td>你在他乡还好吗</td>
    </tr>
      </table>
      <input type="button"  onclick="show()" value="show"/>
      <input type="button"  onclick="hidden()" value="hidden"/>
     </BODY>
    </HTML>
    这个试试看，我这边可以！
      

  2.   

    上面的是---->
     
    t.rows[1].style.display="table-row";怎么不变红色啊！