Selenium使用不同层级CSS选择器定位按钮触发stale element错误问题

定位器核心差异 #

• 第一个定位器 div[class='product'] button：匹配所有class="product"的外层商品容器下的后代按钮元素，定位依托的是最外层稳定的商品卡片节点，层级更靠上。
• 第二个定位器 div[class='product-action'] button：匹配所有class="product-action"的按钮直接父容器下的按钮元素，定位依托的是按钮相邻的内层父节点，层级更靠下。

表现不一致的原因 #

你遇到的stale element reference错误本质是：预先通过find_elements拿到的元素引用快照，在页面DOM更新后已经和当前页面的真实节点脱节，无法再操作。
两个定位器的表现差异根源在于点击加入购物车按钮后的页面渲染逻辑：
点击「ADD TO CART」按钮后，页面JS会动态更新商品卡片的交互状态：比如修改按钮文字、替换按钮样式、甚至直接删除重建product-action这个内层父节点。

• 用第一个定位器拿到的按钮，依托的外层product容器不会被重建，只是内层局部更新，所以按钮引用不会失效，循环点击可以正常执行。
• 用第二个定位器拿到的按钮，依托的product-action父节点在第一次点击后被整体重建，预存的剩下两个按钮的引用直接变成无效的游离节点，第二次循环点击就会抛出stale错误。

最优兼容写法 #

如果要使用更精准的第二个定位器，可以每次点击前重新查找元素，避免依赖预存的元素快照：

import time
from selenium.webdriver.common.by import By

add_cart_btn_locator = (By.CSS_SELECTOR, "div[class='product-action'] button")
btn_count = len(driver.find_elements(*add_cart_btn_locator))

for idx in range(btn_count):
    # 每次循环重新拉取当前DOM的按钮元素
    current_btn = driver.find_elements(*add_cart_btn_locator)[idx]
    current_btn.click()
    # 可选添加短等待，确保页面渲染完成再执行下一次操作
    time.sleep(0.3)

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