Добавить в таблицу с 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

Ответ на Gregoire действительно самый «правильный» способ сделать это, однако, не отметить, что IE, кажется, не жалуйтесь, если вы редактируете innerHTML элементов еще не в DOM. Таким образом, решение может быть сокращен до:

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

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

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