javascript - 使用 Javascript 添加到表格

Question

我有一个看起来像这样的表:

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

• 内容充实

• 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);