Вложенный EventListner ищет загруженный контент?

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, поэтому обработчик события никогда не выполняется.Это событие вызывается только в элементе document, когда весь DOM был проанализирован и загружен.

Подробнее об этом событии можно узнать в MDN .

---

По иронии судьбы тот факт, что вы можете загрузить div с помощью document.getElementById("test"), означает, что он уже существует, поэтому нет смысла добавлять обработчик, ожидающий его загрузки.