如何在JavaScript中插入HTML表格体中的行?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (13)

我有一个带有页眉和页脚的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,获取它的引用并将其添加到那里。

var tableRef = document.getElementById('myTable').getElementsByTagName('tbody')[0];

// Insert a row in the table at the last row
var newRow   = tableRef.insertRow(tableRef.rows.length);

// Insert a cell in the row at index 0
var newCell  = newRow.insertCell(0);

// Append a text node to the cell
var newText  = document.createTextNode('New row');
newCell.appendChild(newText);

这里有一个工作演示。你也可以查看insertRow 这里的文档。

用户回答回答于

你可以尝试使用Jquery。

$(table).find('tbody').append( "<tr><td>aaaa</td></tr>" );

扫码关注云+社区