使用Selenium WebDriver无法点击按钮内span元素，Add Course按钮点击失败

嘿，我来帮你搞定这两个Selenium点击的问题！从你给出的HTML代码来看，这俩问题其实是同一个按钮的操作问题，先把你的HTML代码贴出来方便咱们分析：

<button type="button" class="btn btn-green" onclick="javascript:AddCourse();"> 
  <span class="glyphicon glyphicon-plus-sign"> ::before </span> 
  <span translate="portallang_addCourse" class="open-sans ng-scope"> "Add Course" </span> 
</button>

问题分析 #

这个按钮的核心点击逻辑绑定在<button>元素本身的onclick事件上，里面的<span>只是用来展示图标和文本的，所以优先操作按钮元素会更可靠。下面给你几个可行的解决方案：

• 直接定位按钮元素点击（最推荐）
  既然点击事件在按钮上，咱们直接定位按钮就好，几种定位方式任你选：

  • 通过class组合定位：

    driver.find_element(By.CSS_SELECTOR, "button.btn.btn-green").click()
    

  • 通过onclick属性精准定位：

    driver.find_element(By.CSS_SELECTOR, "button[onclick='javascript:AddCourse();']").click()
    

  • 通过子元素的文本定位按钮（适合文本稳定的情况）：

    driver.find_element(By.XPATH, "//span[text()='Add Course']/parent::button").click()
    

• 如果一定要点击<span>元素
  要是你因为某些需求必须操作那个显示“Add Course”的span，试试这两种方法：

  • 用ActionChains模拟鼠标点击（适合元素需要 hover 才能点击的情况）：

    from selenium.webdriver.common.action_chains import ActionChains
    
    span_element = driver.find_element(By.XPATH, "//span[@translate='portallang_addCourse' and text()='Add Course']")
    ActionChains(driver).move_to_element(span_element).click().perform()
    

  • 用JavaScript强制点击（解决元素被遮挡、不可见的问题）：

    span_element = driver.find_element(By.XPATH, "//span[@translate='portallang_addCourse' and text()='Add Course']")
    driver.execute_script("arguments[0].click();", span_element)
    

• 别忘了处理元素加载的等待问题
  很多点击失败都是因为元素还没完全加载好就去操作了，一定要加显式等待：

  from selenium.webdriver.common.by import By
  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  wait = WebDriverWait(driver, 10)  # 最多等待10秒
  add_course_btn = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn.btn-green")))
  add_course_btn.click()
  

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