如何在typescript中单击行内编辑按钮时打印对象的字段值

<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Action</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
    <td><button onclick="editRow(this)">Edit</button></td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
    <td><button onclick="editRow(this)">Edit</button></td>
  </tr>
</table>

function editRow(button: HTMLButtonElement) {
  const row = button.parentNode.parentNode; // 获取行元素
  const name = row.cells[0].textContent; // 获取第一列的字段值
  const age = row.cells[1].textContent; // 获取第二列的字段值

  console.log(`Name: ${name}, Age: ${age}`);
}

// 在HTML中的按钮上添加onclick属性
<button onclick="editRow(this)">Edit</button>