向表中添加更多行后，模式onclick按钮不起作用

<table id="myTable">
  <tr>
    <td>行1</td>
    <td><button class="myButton">按钮</button></td>
  </tr>
</table>
<button id="addRowButton">添加行</button>

// 获取表格和添加行按钮的引用
var table = document.getElementById("myTable");
var addRowButton = document.getElementById("addRowButton");

// 绑定添加行按钮的点击事件
addRowButton.addEventListener("click", function() {
  // 创建新的行和单元格
  var newRow = document.createElement("tr");
  var newCell1 = document.createElement("td");
  var newCell2 = document.createElement("td");
  var newButton = document.createElement("button");
  
  // 设置新行的内容和按钮的文本
  newCell1.textContent = "新行";
  newButton.textContent = "按钮";
  
  // 将按钮添加到单元格中
  newCell2.appendChild(newButton);
  
  // 将单元格添加到行中
  newRow.appendChild(newCell1);
  newRow.appendChild(newCell2);
  
  // 将新行添加到表格中
  table.appendChild(newRow);
});

// 绑定表格的点击事件，使用事件委托机制
table.addEventListener("click", function(event) {
  // 判断点击的元素是否为按钮
  if (event.target.classList.contains("myButton")) {
    // 执行相应的操作
    console.log("按钮被点击了");
  }
});