javascript封装个查找元素的方式，找到了就回调。

原创于 2023-11-30 10:57:10 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

JavaScriot 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了JavaScript中的waitForElement函数，用于在页面上等待指定选择器匹配的元素出现，如果10秒内未找到则输出提示。该函数通过递归和定时器实现异步查找，适用于动态内容加载时的元素定位。

function waitForElement(selector, callback) {
  var startTime = Date.now();
  (function loop() {
    var element = document.querySelector(selector);
    if (element) {
      callback(element);
      return;
    }
    var timeElapsed = Date.now() - startTime;
    if (timeElapsed > 10000) {
      console.log('Element not found after 10 seconds');
      return;
    }
    setTimeout(loop, 100);
  })();
}

使用方法：

waitForElement('#my-element', function(element) {
  // 找到元素后执行的操作
});