Selenium操作CapCut网页版：点击Continue按钮遇元素定位失败求助

问题根源分析 #

1. 元素定位错误：By.CLASS_NAME不支持传入多个空格分隔的类名，Selenium会把整个字符串当作单个类名处理，导致找不到目标元素。
2. 元素被遮挡：存在z-index更高的模态层(lv-modal-wrapper)覆盖目标按钮，即使定位到元素也无法正常触发点击。

具体解决步骤 #

步骤1：修正元素定位方式 #

替换By.CLASS_NAME为CSS选择器或XPath，正确匹配多类名元素：

• CSS选择器写法：用.连接多个类名（替换原类名间的空格）

from selenium.webdriver.common.by import By

# 用CSS选择器定位目标按钮
continue_btn = driver.find_element(By.CSS_SELECTOR, "button.lv-btn.lv-btn-primary.lv-btn-size-default.lv-btn-shape-square.lv_sign_in_panel_wide-primary-button")

• XPath写法：通过包含关键class属性定位

continue_btn = driver.find_element(By.XPATH, "//button[contains(@class, 'lv-btn-primary') and contains(@class, 'lv_sign_in_panel_wide-primary-button')]")

步骤2：处理遮挡的模态层 #

如果模态层是无效遮罩，可直接通过JavaScript隐藏或移除：

# 隐藏遮挡元素
driver.execute_script("document.querySelector('.lv-modal-wrapper.lv-modal-wrapper-align-center').style.display = 'none';")

# 或直接移除该元素
driver.execute_script("document.querySelector('.lv-modal-wrapper.lv-modal-wrapper-align-center').remove();")

步骤3：确保元素可点击后操作 #

处理完遮挡后，建议等待元素处于可点击状态再执行点击，避免页面加载时序问题：

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

# 最多等待10秒，直到元素可点击
wait = WebDriverWait(driver, 10)
continue_btn = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.lv-btn.lv-btn-primary.lv-btn-size-default.lv-btn-shape-square.lv_sign_in_panel_wide-primary-button")))

# 执行点击
continue_btn.click()

备选方案：强制触发点击 #

若无法移除遮挡层，可直接用JavaScript触发按钮点击事件：

driver.execute_script("arguments[0].click();", continue_btn)

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