如何监听“div created”事件？答案

【问题标题】：How to listen for a "div created" event?如何监听“div created”事件？
【发布时间】：2021-01-27 00:25:53
【问题描述】：

我需要知道何时将div 元素添加到页面。随时随地，在文档树的任何深度作为孩子。

const { body } = document;
const config = { childList: true, subtree: true };
const callback = function (mutationsList, observer) {
  for (const mutation of mutationsList) {
    if (mutation.type === 'childList') {
      console.log('A child node has been added or removed.');
      mutation.addedNodes.forEach((node) => console.log(node));
    }
  }
};
const observer = new MutationObserver(callback);
observer.observe(body, config);

我在页面导航后立即通过扩展程序运行此代码。在加载 Google 搜索结果时，这不会记录其中任何一个的创建。页眉和页脚中只有少数 div 和几个脚本。我需要在页面上出现任何div 元素时立即收到通知。

【问题讨论】：

标签： javascript html mutation-observers

【解决方案1】：

observer.observe(body, config);

这是错误的，它必须是：

observer.observe(document, config);

【讨论】：