JavaScript 表格行点击获取编号

JavaScript 表格行点击获取编号

通过点击表格的某一行，可以获取该行的编号。具体步骤如下：

1. 在表格中的每一行添加一个点击事件，当点击某一行时触发事件。
2. 在事件处理函数中，获取被点击行的数据。
3. 从该行数据中获取编号字段的值。

示例代码

// 表格行点击事件处理函数
function rowClick(event) {
  // 获取被点击行的数据
  var rowData = event.target.parentNode;
  
  // 获取编号字段的值
  var 编号 = rowData.cells[1].innerText;
  
  // 在控制台打印编号
  console.log(编号);
}

// 绑定表格行点击事件
var table = document.getElementById('tableId'); // 假设表格的id为tableId
var rows = table.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
  rows[i].addEventListener('click', rowClick);
}

注意：

• 上述代码中的tableId需要替换为实际表格的id。
• 另外，如果表格中有表头行，需要在循环遍历时排除第一行，即将i的初始值设为1。