如何使用Selenium点击网页图片？遇到NoSuchElementException该如何解决

NoSuchElementException 报错的核心原因是指定定位符匹配的元素没有出现在当前Selenium作用的DOM树中，可按以下顺序排查修复：

• 优先添加显式等待，避免代码执行速度快于页面渲染速度
  不要使用固定时长的硬等待，用Selenium自带的显式等待逻辑等待元素可交互后再操作，示例代码如下：

  from selenium.webdriver.common.by import By
  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  # 最长等待10秒，每0.5秒检查一次元素是否可点击
  wait = WebDriverWait(driver, 10)
  # 定位div元素点击
  plus_btn = wait.until(EC.element_to_be_clickable((By.ID, 'plus_res')))
  plus_btn.click()
  

• 检查元素是否嵌套在iframe内
  如果目标元素是写在iframe标签内部的，需要先切换到对应iframe后再定位元素，示例代码如下：

  # 先定位到元素所在的iframe
  iframe = driver.find_element(By.TAG_NAME, 'iframe') # 可替换为对应iframe的实际定位符
  driver.switch_to.frame(iframe)
  # 再执行元素定位点击操作
  driver.find_element(By.ID, 'plus_res').click()
  # 操作完成后如果需要操作原页面内容，可切回主DOM
  # driver.switch_to.default_content()
  

• 检查元素是否属于Shadow DOM节点
  如果页面使用了Web Components自定义组件，元素封装在Shadow DOM内部时，普通定位逻辑无法直接命中，需要先获取Shadow Root节点再向下查找：

  # 先找到Shadow Root的宿主元素，再获取Shadow Root
  shadow_host = driver.find_element(By.CSS_SELECTOR, '替换为你的shadow宿主元素选择器')
  shadow_root = driver.execute_script('return arguments[0].shadowRoot', shadow_host)
  # 在Shadow Root内查找目标元素
  plus_btn = shadow_root.find_element(By.ID, 'plus_res')
  plus_btn.click()
  

• 检查当前窗口是否为元素所在窗口
  如果操作过程中打开了新标签页/窗口，没有切换到对应窗口的话也无法命中元素，需要先切换到元素所在的窗口句柄再操作。
• 替换更稳定的定位符
  可以使用img的title属性做精准匹配，避免src、页面结构变动导致定位失效：

  driver.find_element(By.XPATH, '//img[@title="plus d\'elements"]').click()
  

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