无法在div中获取动态创建的HTML

<div id="parentDiv">
  <!-- 动态创建的HTML元素将被添加到这个div中 -->
</div>

<script>
  // 事件委托，将事件绑定到父元素上
  document.getElementById("parentDiv").addEventListener("click", function(event) {
    var target = event.target;
    // 判断点击的元素是否是动态创建的HTML元素
    if (target.classList.contains("dynamicElement")) {
      // 进行相应的操作
      console.log("点击了动态创建的HTML元素");
    }
  });

  // 动态创建一个HTML元素，并添加到div中
  var dynamicElement = document.createElement("p");
  dynamicElement.textContent = "动态创建的HTML元素";
  dynamicElement.classList.add("dynamicElement");
  document.getElementById("parentDiv").appendChild(dynamicElement);
</script>