JavaScript 获取 HTML 表格的行数

Question

如何使用 JavaScript 获取具有 ID 和名称的 HTML table 的行数？

Answer 1

给定一个

<table id="tableId">
    <thead>
        <tr><th>Header</th></tr>
    </thead>
    <tbody>
        <tr><td>Row 1</td></tr>
        <tr><td>Row 2</td></tr>
        <tr><td>Row 3</td></tr>
    </tbody>
    <tfoot>
        <tr><td>Footer</td></tr>
    </tfoot>
</table>

和一个

var table = document.getElementById("tableId");

有两种统计行数的方法:

var totalRowCount = table.rows.length; // 5
var tbodyRowCount = table.tBodies[0].rows.length; // 3

table.rows.length返回 ALL <tr> 的数量表中的元素。所以对于上表，它将返回 5而大多数人真的会期待 3 . table.tBodies返回所有 <tbody> 的数组我们只抓取第一个元素(我们的表只有一个)。当我们计算它的行​​数时，我们得到的期望值是3。 .