如何通过一个table的id重写这个table

<table id=table1>
<tr><td>...
</table>
<a onclick=modify()>function modify()
{
  //我想重建这个table，该怎么写？如果能列举出多种方法，更好
}

解决方案 »

  1.   

    全部重建的话，直接用document.body.removeChild(obj)把它移除再建立一个新的
    也可以使用obj.replaceChild(新表,旧表)进行替换
      

  2.   

    简单的用innerHTML就好。
    要用DOM操作的话注意table下一层是tbody（虽然不一定明确写出来），然后才是tr/td
      

  3.   

    可以appendchild    removechild
     TABLE的操作 最好的还是  inserrow..
      

  4.   

    <html>
    <SCRIPT type=text/javascript>
    sl=0;　
    function modify() 
    { 
      //我想重建这个table，该怎么写？如果能列举出多种方法，更好var tb = document.getElementById('table1');
    var pr = tb.parentNode;var newtb = document.createElement("table");
    newtb.id="table1";
    var newtbody = document.createElement("tbody");
    var newtr = document.createElement("tr");
    var newtd = document.createElement("td");
    newtd.innerHTML=(sl%2==1?"aaaa":"bbbb");
    sl++;
    newtr.appendChild(newtd);
    newtbody.appendChild(newtr);
    newtb.appendChild(newtbody);pr.replaceChild(newtb,tb);
    }　　
    </SCRIPT>　
    <body>
    <table id="table1">
    <tr><td>text</td></tr>
    </table>
    <input type="button" onclick="modify()" value="aaa" />
    </body>
    </html>
      

  5.   

    重建可以简单点就是:
    document.getElementById("table01").[color=#FF0000]outerHTML[/color]="<table><tr><td>列01</td><td>列02</td></tr><tr><td>列01</td><td>列02</td></tr></table>"
      

  6.   

    刚才出点乱，再来：
    重建可以简单点就是: 
    document.getElementById("table01").outerHTML=" <table> <tr> <td>列01 </td> <td>列02 </td> </tr> <tr> <td>列01 </td> <td>列02 </td> </tr> 
    </table>"
      

  7.   

    <table id=table1> 
    <tr> <td>... 
    </table> <a href="###" onclick='modify("table1")'>new_TAB</a><script language="javascript">
    function modify(id){ 
    var tb = document.getElementById(id);
    var pr = tb.parentNode;
    var newTAB = tb.cloneNode(true)
    pr.removeChild(tb)
    pr.appendChild(newTAB)
    }
    </script>
      

  8.   

    var s = "<tbody><tr><td>新内容</td></tr></tbody>";
    document.getElementById("table1").innerHTML = s;
      

  9.   


    刚才大概是因为我浏览器开着调试，关掉就不报错了。8楼的代码是不是不全？我更倾向于用8楼的方法，因为我的表很大，如果要一个tr一个td这样写，就要写很多行。怎么改？
      

  10.   

    HTML DOM Table 对象
    Table 对象
    Table 对象代表一个 HTML 表格。在 HTML 文档中 <table> 标签每出现一次，一个 Table 对象就会被创建。IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet 标准).
    Table 对象的集合
    集合 描述 IE F O W3C 
    cells[] 返回包含表格中所有单元格的一个数组。 5 1 1 No 
    rows[] 返回包含表格中所有行的一个数组。 4 1 9 Yes 
    tBodies[] 返回包含表格中所有 tbody 的一个数组。 4     Yes 
    Table 对象的属性
    属性 描述 IE F O W3C 
    align 表在文档中的水平对齐方式。（已废弃） - - - - 
    bgColor 表在文档中的水平对齐方式。（已废弃） - - - - 
    border 设置或返回表格边框的宽度。 4 1 9 Yes 
    caption 对表格的 <caption> 元素的引用。 4 1 9 Yes 
    cellPadding 设置或返回单元格内容和单元格边框之间的空白量。 4 1 9 Yes 
    cellSpacing 设置或返回在表格中的单元格之间的空白量。 4 1 9 Yes 
    frame 设置或返回表格的外部边框。 4 1 9 Yes 
    id 设置或返回表格的 id。 4 1 9 Yes 
    rules 设置或返回表格的内部边框（行线）。 4 1 9 Yes 
    summary 设置或返回对表格的描述（概述）。 6 1 9 Yes 
    tFoot 返回表格的 TFoot 对象。如果不存在该元素，则为 null。 4 1 9 Yes 
    tHead 返回表格的 THead 对象。如果不存在该元素，则为 null。 4 1 9 Yes 
    width 设置或返回表格的宽度。 4 1 9 Yes 
    Standard Properties
    Property Description IE F O W3C 
    className Sets or returns the class attribute of an element 5 1 9 Yes 
    dir Sets or returns the direction of text 5 1 9 Yes 
    lang Sets or returns the language code for an element 5 1 9 Yes 
    title Sets or returns an element's advisory title 5 1 9 Yes 
    Table 对象的方法
    方法 描述 IE F O W3C 
    createCaption() 为表格创建一个 caption 元素。 4 1 9 Yes 
    createTFoot() 在表格中创建一个空的 tFoot 元素。 4 1 9 Yes 
    createTHead() 在表格中创建一个空的 tHead 元素。 4 1 9 Yes 
    deleteCaption() 从表格删除 caption 元素以及其内容。 4 1 9 Yes 
    deleteRow() 从表格删除一行。 4 1 9 Yes 
    deleteTFoot() 从表格删除 tFoot 元素及其内容。 4 1 9 Yes 
    deleteTHead() 从表格删除 tHead 元素及其内容。 4 1 9 Yes 
    insertRow() 在表格中插入一个新行。 4 1 9 Yes