如何无需刷新页面更新Selenium WebDriver的DOM数据？

我之前也碰到过几乎一模一样的困扰！动态加载的页面不刷新就更新内容，但Selenium好像“卡”在旧DOM里，拿不到新元素甚至触发StaleElementReferenceError，靠刷新页面虽然能解决，但体验太差还浪费请求。下面几个方法亲测有效，不用刷新就能让Selenium获取到最新的DOM内容：

1. 等待旧元素变为Stale（最常用） #

很多动态页面更新时，会把旧的结果元素移除再重新渲染新的。这时候你可以先保存旧元素的引用，然后等待它变成“过时”状态，之后再查询新元素就没问题了：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 先获取旧的结果元素（执行新查询前）
old_result_header = driver.find_element_by_class_name('query_header')

# 执行你的查询操作：输入新关键词、点击搜索按钮等
# ...

# 等待旧元素变得过时（被页面移除）
WebDriverWait(driver, 10).until(EC.staleness_of(old_result_header))

# 现在查询的就是更新后的新元素了
new_result_headers = driver.find_elements_by_class_name('query_header')

2. 等待元素内容/属性更新 #

如果页面只是更新了元素的文本或属性，没有替换元素本身，那staleness_of就起不到作用。这时候可以直接等待元素的内容变成你预期的新值：

# 假设你知道新查询对应的结果文本包含某个关键词
expected_text = "新查询的目标关键词"

# 执行查询操作后，等待元素文本更新
WebDriverWait(driver, 10).until(
    EC.text_to_be_present_in_element(('class name', 'query_header'), expected_text)
)

# 再获取元素就是最新的了
updated_elements = driver.find_elements_by_class_name('query_header')

如果是属性更新（比如data-content这类自定义属性），可以用element_attribute_to_include：

WebDriverWait(driver, 10).until(
    EC.element_attribute_to_include(('class name', 'query_header'), 'data-content')
)

3. 用JavaScript直接获取最新DOM #

Selenium的find_elements有时候会缓存之前的DOM快照，这时候直接用JavaScript查询DOM就能绕过缓存，拿到实时的元素：

# 执行查询操作后，用JS获取最新的元素
updated_elements = driver.execute_script("return document.getElementsByClassName('query_header');")

注意：这种方法返回的是DOM元素数组，和Selenium的WebElement对象用法略有不同，但大部分场景下可以直接用。

为什么你的WebDriverWait没生效？ #

你之前用的element_present（应该是presence_of_element_located）只会检查元素是否存在，但旧元素本来就一直在DOM里，只是内容更新了，所以Selenium还是会返回旧的元素引用，自然拿到旧数据甚至触发StaleError。核心是要等待元素的状态变化，而不是元素是否存在。

内容的提问来源于stack exchange，提问作者sortas