动态更改TABLE里的内容

<html>
  <head>
    <title>Test</title>
    <style type = "text/css">
      <!--
      table{ border: none;border-collapse:collapse; border-spacing:0; font-size: 12px; color: #091F53;font-family:Arial;}
      th{ background: #86B9E4; height: 26px; line-height: 26px; border: solid #C6D5E1; border-width: 1px 1px 0px 1px;}
      tr{ border: 1px solid #C6D5E1; height:20px; line-height: 20px; padding-left: 5px; }
      td{ border: 1px solid #C6D5E1; height:20px; line-height: 20px; padding-left: 5px; padding-right:5px; text-align:right; }
      -->
    </style>
  </head>
  <body>
    <table id="dd">
      <tr>
        <th>ID</th>
        <th>NAME</th>
        <th>SEX</th>
      </tr>
      <tfoot>
        <tr>
          <td>1</td>
          <td>bb</td>
          <td>girl</td>
        </tr>
      </tfoot>
    </table>
    <div id="kk" style="display:none;">
      <tr>
        <td>1</td>
        <td>jam</td>
        <td>boy</td>
      </tr>
      <tr>
        <td>2</td>
        <td>kim</td>
        <td>boy</td>
      </tr>
    </div>
  </body>
  <script type="text/javascript" language="javascript">
    var d = document.getElementById('dd');
    var k = document.getElementById('kk');
    alert(d.tFoot.innerHTML);
    alert(k.innerHTML);
    d.tFoot.innerHTML = k.innerHTML;
  </script>
</html>
IE8下提示未知的运行时错误
我想要实现的就是在TABLE中预留一个DIV或者说一可位置，通过点击按钮后在该块区域显示不同的内容，这些内容都是用DIV的display属性设置为隐藏的

解决方案 »

  1.   

    我试过把TABLE里的tfoot换成DIV，虽然替换了内容，但是却没有了TR、TD本来该有的样式，而且位置也变成在TH上面...
      

  2.   

    <tfoot>
    只能放到td里
    这句换成<div id="kk" style="display:none;">
          <tr>
            <td>1</td>
            <td>jam</td>
            <td>boy</td>
          </tr>
          <tr>
            <td>2</td>
            <td>kim</td>
            <td>boy</td>
          </tr>
        </div><div id="kk" style="display:none;">
    <table>
          <tr>
            <td>1</td>
            <td>jam</td>
            <td>boy</td>
          </tr>
          <tr>
            <td>2</td>
            <td>kim</td>
            <td>boy</td>
          </tr>
    </table>
        </div>
      

  3.   

    tr上一级必须是table你的disPlay属性可以绑定在tr上，没必要再在外面搞个DIV
      

  4.   

    那如果要替换N行，那不就得每个TR都设置一次...