检查现有网页上的新元素

Checking for new elements on a existing webpage

本文关键字：元素 新元素 网页 检查      更新时间：2023-09-26

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

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

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

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

小提琴

在这里，我创建了一个示例，该示例在创建新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);
相关文章：