检查现有网页上的新元素

Question

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

我目前正在考虑使用函数checkDOMChange（）来实现此目的，但我不确定它是否可行。

正如您所看到的，我是一般的JavaScript和编码新手。

Answer 1

您可以使用DOMNodeInserted事件来检测新元素的创建。

Fiddle

在这里，我创建了一个在创建新div之前有5s延迟的示例。

HTML：

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

的JavaScript：

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);