js获取table当前行号

在JavaScript中，获取表格（<table>）中当前行的行号通常涉及到事件处理，因为你需要知道用户在哪一行上进行了交互。以下是一些常见的方法来获取当前行的行号：

基础概念

行号：指的是表格中某一行相对于表格起始行的位置，通常是索引值，从0开始计数。
事件对象：当用户在网页上进行操作时，浏览器会创建一个事件对象，包含了该事件的详细信息。

类型与应用场景

点击事件：用户点击某一行时获取行号。
键盘导航：用户使用键盘在表格中导航时获取当前行的行号。
数据绑定：在数据绑定的场景中，行号可以用来同步视图和模型。

示例代码

以下是一个简单的示例，展示了如何在用户点击表格行时获取当前行的行号：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table Row Index Example</title>
<script>
function getRowIndex(event) {
    // 获取触发事件的元素（即被点击的行）
    var row = event.target.closest('tr');
    // 获取该行的索引
    var index = row.rowIndex;
    // 输出行号
    console.log('当前行号:', index);
}
</script>
</head>
<body>

<table id="myTable" border="1">
    <tr onclick="getRowIndex(event)">
        <td>Row 1</td>
    </tr>
    <tr onclick="getRowIndex(event)">
        <td>Row 2</td>
    </tr>
    <tr onclick="getRowIndex(event)">
        <td>Row 3</td>
    </tr>
</table>

</body>
</html>