Selenium存在两个同xpath的EXPORT按钮 无法点击目标按钮怎么解决

问题根因 #

1. 原始未限定范围的xpath会匹配页面所有包含EXPORT文本的按钮，默认返回第一个匹配的元素，无法命中弹窗内的第二个按钮
2. 之前修改的xpath存在语法错误：属性匹配应该用@class而非class()，文本匹配逻辑写法错误，同时全量匹配MUI动态class会导致匹配失效
3. 弹窗加载需要时间，未等元素完全可点击就触发点击操作，会出现点击被拦截的异常

具体实现代码 #

方案1：限定弹窗父级范围匹配（推荐） #

优先通过父级弹窗的特征缩小匹配范围，MUI框架的弹窗默认带有MuiDialog-root类名，配合显式等待确保元素加载完成再操作：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# 显式等待最多10秒，直到弹窗内的EXPORT按钮可点击
wait = WebDriverWait(driver, 10)
export_btn = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//div[contains(@class, 'MuiDialog-root')]//button[contains(@class, 'MuiButton-containedPrimary') and normalize-space(text())='EXPORT']")
))
# 常规点击
export_btn.click()

方案2：JS点击解决拦截问题 #

如果常规点击依旧抛出ElementClickInterceptedException异常，可以用JS执行点击绕过前端遮罩拦截：

# 接上面获取到export_btn后的逻辑
driver.execute_script("arguments[0].click();", export_btn)

备选方案：索引匹配 #

如果弹窗无特殊标识，可以直接通过索引指定匹配第二个符合条件的按钮，注意xpath索引从1开始计数：

export_btn = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "(//button[contains(text(),'EXPORT') and contains(@class, 'MuiButton-containedPrimary')])[2]")
))

注意事项 #

• MUI的class属性会携带动态生成的哈希后缀，不要全量匹配完整class值，用contains匹配固定的核心类名即可
• 不要直接调用find_element后立即点击，加显式等待可以避免90%以上的元素未加载导致的操作异常

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