表中添加使用Javascript

Question

我有一个表，看起来像这样：

<table id='t'> 
    <thead> 
     .... 
    </thead> 
    <tbody id='t_tbody'> 
    </tbody> 
</table> 

• THEAD充满内容

• TBODY是空

我想要使用Javascript将此（例如）添加到t_tbody：

<tr> 
    <td>Name</td> 
    <td>Points</td> 
    <td>Information</td> 
</tr> 

我该怎么做？我需要一个将以上内容添加到t_tbody的函数。简单地使用

document.getElementById('t_tbody').innerHtml+="<tr>...</tr>" 

注意在Firefox正常工作，但不是在IE浏览器。

另外请注意，我需要使用原始的Javascript（即没有框架）为这个项目，因为我正在完成一个项目，已经基本上完成使用原始的Javascript。

Answer 1

var tr = document.createElement("tr"); 

var td = document.createElement("td"); 
td.innerHTML = "Name"; 
tr.appendChild(td); 

var td2 = document.createElement("td"); 
td2.innerHTML = "Points"; 
tr.appendChild(td2); 

var td3 = document.createElement("td"); 
td3.innerHTML = "Information"; 
tr.appendChild(td3); 

document.getElementById('t_tbody').appendChild(tr); 

Answer 2

由格雷瓜尔答案确实是这样做的最“正确”的方式，但也指出，IE似乎不一样，如果你在DOM编辑元素的innerHTML没有抱怨。因此，该解决方案可以缩短到：从我记得

var tr = document.createElement('tr'); 

tr.innerHTML = "<td>Name</td><td>Points</td><td>Information</td>"; 

document.getElementById('t_tbody').appendChild(tr);