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

大佬教程收集整理的这篇文章主要介绍了如何在JavaScript的HTML表格主体中插入行，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在JavaScript的HTML表格主体中插入行？

如果您想在中添加行tbody，请获取对其的引用，然后在其中添加。

var tableRef = document.getElementByID('mytable').getElementsByTagname('tbody')[0];

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

// 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此处查看文档。

解决方法

<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>

myTable.insertRow(myTable.rows.length - 1);

大佬总结

以上是大佬教程为你收集整理的如何在JavaScript的HTML表格主体中插入行全部内容，希望文章能够帮你解决如何在JavaScript的HTML表格主体中插入行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。