Javascript 检查现有网页上的新元素

检查网页特定部分的新元素、无限循环的最佳方法是什么？添加/找到新元素后，脚本将继续

我目前正在考虑为此使用函数checkDOMChange（），但我不确定它是否有效

---

如您所见，我对JavaScript和一般编码都是新手。

您可以使用

DOMNodeInserted

事件来检测新元素的创建

在这里，我创建了一个示例，在创建新的

div

之前有5s的延迟

HTML:

---

请在您的问题中提供更多详细信息，否则可能会被关闭。如果我只是想检测页面上新元素的创建，通常情况下代码会是什么？

<div id="main">This is...... I don't know. Something</div><br />

var elem = document.getElementById('main');

setTimeout(function() {
    var e = document.createElement('div');
    elem.appendChild(e.appendChild(document.createTextNode('Newly created Div')))
}, 5000);

// this will be triggered if any new element is appended to div#main
elem.addEventListener("DOMNodeInserted", function (ev) {
  alert('New element detected')
}, false);