如何将javascript连接到html代码更新后添加的元素？

// HTML
<div id="parentElement">
  <button class="dynamicButton">按钮</button>
</div>

// JavaScript
document.getElementById("parentElement").addEventListener("click", function(event) {
  if (event.target.classList.contains("dynamicButton")) {
    // 执行你的代码
  }
});

// HTML
<div id="parentElement"></div>

// JavaScript
var parentElement = document.getElementById("parentElement");

// 创建MutationObserver实例
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.addedNodes.length > 0) {
      // 新的元素被添加到DOM中
      // 执行你的代码
    }
  });
});

// 配置观察选项
var config = { childList: true };

// 开始观察
observer.observe(parentElement, config);

// 添加新的元素
var newElement = document.createElement("button");
newElement.textContent = "按钮";
parentElement.appendChild(newElement);