js 获取table当前行

<table id="myTable" border="1">
  <thead>
    <tr>
      <th>编号</th>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>张三</td>
      <td>25</td>
    </tr>
    <tr>
      <td>2</td>
      <td>李四</td>
      <td>30</td>
    </tr>
    <tr>
      <td>3</td>
      <td>王五</td>
      <td>28</td>
    </tr>
  </tbody>
</table>

document.getElementById('myTable').addEventListener('click', function(event) {
  // 检查点击的目标是否在<tr>内
  let target = event.target;
  while (target && target.nodeName !== 'TR') {
    target = target.parentElement;
  }
  
  if (target) {
    // 获取行号（从1开始）
    const rowIndex = target.rowIndex + 1;
    alert('你点击的是第 ' + rowIndex + ' 行');
    
    // 获取该行的所有单元格数据
    const cells = target.getElementsByTagName('td');
    let rowData = '';
    for (let i = 0; i < cells.length; i++) {
      rowData += cells[i].innerText + ' ';
    }
    console.log('行数据:', rowData);
  }
});

const table = document.getElementById('myTable').getElementsByTagName('tbody')[0];
const rows = table.getElementsByTagName('tr');

for (let i = 0; i < rows.length; i++) {
  rows[i].addEventListener('click', function() {
    const rowIndex = this.rowIndex + 1;
    alert('你点击的是第 ' + rowIndex + ' 行');
    
    const cells = this.getElementsByTagName('td');
    let rowData = '';
    for (let j = 0; j < cells.length; j++) {
      rowData += cells[j].innerText + ' ';
    }
    console.log('行数据:', rowData);
  });
}