要在某个元素出现后获取到该元素,可以通过以下几种方式实现:
// 监听父元素的变化
var parentElement = document.getElementById('parentElementId');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
// 判断是否为添加节点的变化
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
// 遍历添加的节点
mutation.addedNodes.forEach(function(node) {
// 判断是否为目标元素
if (node.id === 'targetElementId') {
// 获取到目标元素
var divElement = document.getElementById('targetElementId');
// 执行后续操作
// ...
}
});
}
});
});
// 配置观察选项
var config = { childList: true };
// 开始观察
observer.observe(parentElement, config);
上述代码通过MutationObserver对象监听父元素的变化,当有子元素被添加时,遍历添加的节点,如果目标元素出现,则获取到该元素并执行后续操作。
// 检查目标元素是否存在
function checkElement() {
var divElement = document.getElementById('targetElementId');
if (divElement) {
// 获取到目标元素
// 执行后续操作
// ...
} else {
// 目标元素还不存在,继续等待
setTimeout(checkElement, 1000); // 1秒后再次检查
}
}
// 开始检查
checkElement();
上述代码通过checkElement函数不断检查目标元素是否存在,如果目标元素出现,则获取该元素并执行后续操作。如果目标元素还不存在,则设置一个间隔时间后再次检查,直到获取到目标元素为止。
需要注意的是,以上方法只是获取目标元素的方式之一,具体的实现方式还需要根据页面结构和需求进行调整。此外,还可以结合使用CSS选择器、jQuery等工具来定位目标元素。
领取专属 10元无门槛券
手把手带您无忧上云