表中添加使用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);