Table的tbody里用innerHTML怎么添值啊（已经疯了）

function init(){
var aaa="";
   aaa = "<tr><td>ff</span></td><td>ss</td><td>ee</td><td>ee</td></tr>";
    document.getElementById('result').innerHTML = aaa;
}
</script>
 <BODY>
<table border="1">
<thead>
<tr>
<td >
姓名
</td>
<td >
地址
</td>
<td>
种类
</td>
<td >
价格
</td>
</tr>
</thead>
<tbody name="result" id="result">
</tbody>
</table>
<input type="button" value="ok" onclick="init()"/>
 </BODY>

解决方案 »

  1.   

    <table id="tableId">
    <tbody>
    </tbody>
    </table>
    JS写法
    document.getElementById("tableId").getElementsByTagName("tbody")[0].innerHTML = "<tr><td>aa</td></tr>";
      

  2.   

    换换写法
    <html>
    <script> 
    function init(){ 
    var aaa=""; 
      aaa = " <tr> <td>ff </td> <td>ss </td> <td>ee </td> <td>ee </td> </tr>"; 
      var objNewRow = tab.insertRow(tab.rows.length);
      var objNewCell1 = objNewRow.insertCell();
      objNewCell1.innerHTML = "ff";
      var objNewCell2 = objNewRow.insertCell();
      objNewCell2.innerHTML = "ss";
      var objNewCell3 = objNewRow.insertCell();
      objNewCell3.innerHTML = "ee";
      var objNewCell4 = objNewRow.insertCell();
      objNewCell4.innerHTML = "ee";
    } 
    </script> 
    <body><table border="1" id="tab"> 
    <tr> 
    <td > 
    姓名 
    </td> 
    <td > 
    地址 
    </td> 
    <td> 
    种类 
    </td> 
    <td > 
    价格 
    </td> 
    </tr> 
    </table> 
    <input type="button" value="ok" onclick="init()"/> 
    </body>
    </html>
      

  3.   

    来个最笨的方法搞定TBODY innerHTML 的烦人问题function setTbodyHTML(id,tr){
     var dc = document.createElement('div');
     dc.innerHTML = '<table><tbody>'+tr+'</tbody></table>';
     var oj = $(id);
     while(oj.firstChild) oj.removeChild(oj.firstChild);
     var tbody = dc.firstChild.firstChild;
     while(tbody.firstChild) oj.appendChild(tbody.firstChild);
    }
      

  4.   

    var tba = $('#result');
    tba.append(aaa);
    孩子别用什么innerHTML了。用这个append就可以了。