怎么监听网页元素是否存在
时间: 2023-02-26 10:28:58 浏览: 86
在 JavaScript 中,您可以使用 MutationObserver API 监听 DOM 元素的变化。您可以监听 DOM 树中特定元素的创建和删除,以此来检测元素是否存在。例如:
```
var targetNode = document.getElementById('some-id');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList' && mutation.addedNodes.length) {
console.log('element exists');
} else if (mutation.type === 'childList' && mutation.removedNodes.length) {
console.log('element does not exist');
}
});
});
observer.observe(targetNode, { attributes: true, childList: true, subtree: true });
```
您也可以使用 setInterval 或 setTimeout 定时检查元素是否存在,例如:
```
var checkExist = setInterval(function() {
if (document.getElementById('some-id')) {
console.log("Exists!");
clearInterval(checkExist);
}
}, 100);
```