ajax如何处理html里的table表格

用ajax向后台申请了新一些数据，这些数据组成了一个table表格的html内容。返回到客户端时，如何使用js脚本，删除这个表格以前的数据，把新的数据加载上。具体就是这样的.
用
<table>
   <tr> 
       <td> 1 </td>
       <td> a </td>
   </tr>
  <tr> 
       <td> 2 </td>
       <td> b </td>
   </tr>
   <tr> 
       <td> 3 </td>
       <td> c </td>
   </tr>
</table>
替换掉
<table>
   <tr> 
       <td> 1' </td>
       <td> a' </td>
   </tr>
  <tr> 
       <td> 2' </td>
       <td> b </td>
   </tr>
   <tr> 
       <td> 3' </td>
       <td> c' </td>
   </tr>
</table>

解决方案 »

  1.   

    方法很多，比方挨个替换 给每个td分配一个id，直接赋值就可以了
      

  2.   

    (table).deleteRow删除行
    (table).insertRow添加行
    (tr).insertCell添加列
    (tr).deleteCell删除列
      

  3.   

    document.getElementById(tableName).innerHTML = '<tr><td>1'</td>......';这样子速度会比较快
      

  4.   

    先循环删除行，然后
    document.getElementById(tableName).innerHTML = ' <tr> <td>1' </td>......'; 
      

  5.   


    <!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="">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; };var data = [["1'","a'"],["2'","b"],["3'","c'"]] ;function replaceData(){
    var table = $("_table") ;
    var _trs = table.getElementsByTagName("tr");
    for(var i=0 ; i<_trs.length ; i++){
    var _tds = _trs[i].getElementsByTagName("td");
    for(var j=0 ; j<_tds.length ; j++){
    //alert(_tds[j].innerHTML);
    _tds[j].innerHTML = data[i][j] ;
    }
    }
    }
    //-->
    </SCRIPT>
    <table id="_table" border=1> 
      <tr> 
          <td> 1 </td> 
          <td> a </td> 
      </tr> 
      <tr> 
          <td> 2 </td> 
          <td> b </td> 
      </tr> 
      <tr> 
          <td> 3 </td> 
          <td> c </td> 
      </tr> 
    </table> 
    <input type="button" value="替换表格" onclick="replaceData()">
    </BODY>
    </HTML>