我有一个带有页眉和页脚的 HTML 表格：
<table id="myTable">
<thead>
<tr>
<th>My Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaaaa</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>My footer</td>
</tr>
<tfoot>
</table>
我正在尝试tbody使用以下内容添加一行：
myTable.insertRow(myTable.rows.length - 1);
但该行已添加到该tfoot部分中。
如何插入tbody？
如果要向 中添加一行tbody，请获取对它的引用并调用其insertRow方法。
var tbodyRef = document.getElementById('myTable').getElementsByTagName('tbody')[0];
// Insert a row at the end of table
var newRow = tbodyRef.insertRow();
// Insert a cell at the end of the row
var newCell = newRow.insertCell();
// Append a text node to the cell
var newText = document.createTextNode('new row');
newCell.appendChild(newText);<table id="myTable">
<thead>
<tr>
<th>My Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>initial row</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>My Footer</td>
</tr>
</tfoot>
</table>（JSFiddle 上的旧演示）
您可以使用jQuery尝试以下代码段：
$(table).find('tbody').append("<tr><td>aaaa</td></tr>");
基本方法：
这应该添加 HTML 格式的内容并显示新添加的行。
var myHtmlContent = "<h3>hello</h3>"
var tableRef = document.getElementById('myTable').getElementsByTagName('tbody')[0];
var newRow = tableRef.insertRow(tableRef.rows.length);
newRow.innerHTML = myHtmlContent;
你很接近。只需将该行添加到tbody而不是table：
myTbody.insertRow();
使用前只需参考tBody( myTbody) 即可。请注意，您不需要传递表中的最后一个位置；省略参数时，它会自动定位在最后。
我认为这个脚本正是你所需要的
var t = document.getElementById('myTable');
var r =document.createElement('TR');
t.tBodies[0].appendChild(r)