如何使用Python Selenium等待原本无文本的div元素加载出文本并获取？

方法一：用MutationObserver监听内容变化（推荐） #

这是最精准高效的方式，能直接监听div的文本内容变动，一旦有内容就触发获取逻辑。

示例代码：

// 获取目标div元素
const targetDiv = document.querySelector('#your-div-id');

// 创建观察者实例
const observer = new MutationObserver((mutations) => {
  mutations.forEach(() => {
    const textContent = targetDiv.textContent.trim();
    if (textContent) {
      console.log('拿到文本内容：', textContent);
      // 获取到内容后可停止监听，避免重复触发
      observer.disconnect();
    }
  });
});

// 配置观察规则：监听子节点和文本内容变化
observer.observe(targetDiv, {
  childList: true,
  subtree: true,
  characterData: true
});

这种方式无需定时轮询，性能更优，只要div文本一更新就会触发回调，适配绝大多数场景。

方法二：定时轮询检查 #

如果场景简单，也可以用定时器定期检查div内容，直到拿到非空文本为止。

示例代码：

const targetDiv = document.querySelector('#your-div-id');

const checkTimer = setInterval(() => {
  const textContent = targetDiv.textContent.trim();
  if (textContent) {
    console.log('拿到文本内容：', textContent);
    // 获取到内容后清除定时器
    clearInterval(checkTimer);
  }
}, 100); // 每100毫秒检查一次，可根据需求调整间隔

这种方式实现简单，但会有轻微性能消耗，适合对性能要求不高的场景。

内容的提问来源于stack exchange，提问作者NFeruch - FreePalestine