嵌套事件监听器正在寻找加载的内容？

Question

我试图检测整个文档中的div何时被加载。

但由于某种原因，这是没有被发现？

https://codepen.io/noflaco/pen/eoeexM?editors=1111

document.addEventListener("DOMContentLoaded", function() {
  const test = document.getElementById("test");
  function consent() {
    alert("test");
  }
  test.addEventListener("DOMContentLoaded", Consent);
});

为什么不？

Answer 1

为什么不？

任意DOM元素不会触发DOMContentLoaded事件，因此事件处理程序永远不会执行。只有在整个DOM被解析和加载时，才会在document元素上触发此事件。

You can learn more about this event on MDN。

---

具有讽刺意味的是，您可以通过document.getElementById("test")加载div这一事实意味着它已经存在，因此添加处理程序等待加载它是没有意义的。