(单击)事件在innerHtml字符串角4中不起作用

<div id="parentElement">
  <button id="childElement">Click me</button>
</div>

<script>
  // 使用事件委托绑定事件处理程序
  document.getElementById("parentElement").addEventListener("click", function(event) {
    if (event.target && event.target.id === "childElement") {
      // 在这里处理按钮点击事件
      console.log("按钮被点击了");
    }
  });

  // 使用innerHTML插入新的子元素
  document.getElementById("parentElement").innerHTML += "<button id='newChildElement'>Click me too</button>";

  // 手动重新绑定事件处理程序
  document.getElementById("newChildElement").addEventListener("click", function() {
    // 在这里处理新按钮的点击事件
    console.log("新按钮被点击了");
  });
</script>