在单击按钮时，我需要在actionButtonClick()方法中获取被单击行的id

<table id="myTable">
  <tr id="row1">
    <td>Row 1 Data</td>
    <td><button class="actionButton">Action</button></td>
  </tr>
  <tr id="row2">
    <td>Row 2 Data</td>
    <td><button class="actionButton">Action</button></td>
  </tr>
  <!-- 更多行 -->
</table>

document.addEventListener('DOMContentLoaded', function() {
  // 获取所有的按钮
  var buttons = document.querySelectorAll('.actionButton');

  // 为每个按钮添加点击事件监听器
  buttons.forEach(function(button) {
    button.addEventListener('click', actionButtonClick);
  });
});

function actionButtonClick(event) {
  // 获取当前按钮所在的行
  var row = event.target.closest('tr');
  
  // 获取该行的ID
  var rowId = row.id;
  
  // 输出或使用这个ID
  console.log('Clicked row ID:', rowId);
}

document.getElementById('myTable').addEventListener('click', function(event) {
  if (event.target.classList.contains('actionButton')) {
    var row = event.target.closest('tr');
    var rowId = row.id;
    console.log('Clicked row ID:', rowId);
  }
});