如何在Python Selenium中定位并点击SVG类元素实现翻页

别担心，针对你遇到的翻页SVG元素定位难题，我整理了几个实用的方案，从最稳定的到专门适配SVG的都有，你可以挨个试试：

1. 优先定位包裹SVG的<a>标签（最推荐） #

你不用非得定位SVG本身，点击它的父元素<a>标签就能触发翻页，而且这个<a>标签有专门的测试属性，非常稳定：

• XPATH定位：

  //a[@data-testid="pagination-forward"]
  

• CSS选择器定位：

  a[data-testid="pagination-forward"]
  

或者用data-cy属性也可以，写法类似：//a[@data-cy="pagination-forward"]，这两个属性是为自动化测试设计的，几乎不会随页面样式变动，比class、href靠谱多了。

2. 如果一定要定位SVG元素本身 #

SVG因为自带命名空间，普通XPATH可能找不到，你可以试试这两种方法：

• 通过父元素关联定位：先找到<a>标签，再找它下面的SVG，不用管命名空间问题：

  //a[@data-testid="pagination-forward"]/svg
  

• 声明SVG命名空间后定位：在Python Selenium里需要指定命名空间来识别SVG标签：

  from selenium.webdriver.common.by import By
  
  # 定义SVG的命名空间
  svg_namespace = {'svg': 'http://www.w3.org/2000/svg'}
  svg_element = driver.find_element(By.XPATH, '//svg:svg[@class="css-pyu9k9"]', namespaces=svg_namespace)
  

3. 排查常见的定位失败原因 #

很多时候找不到元素不是写法的问题，而是这些情况：

• 元素还没加载完成：加个显式等待，确保元素可点击后再操作：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  wait = WebDriverWait(driver, 10)
  next_page_btn = wait.until(EC.element_to_be_clickable((By.XPATH, '//a[@data-testid="pagination-forward"]')))
  next_page_btn.click()
  

• 元素在iframe里：如果翻页按钮嵌套在iframe中，需要先切换到iframe再定位：

  # 替换成实际的iframe ID、name或者定位器
  driver.switch_to.frame("pagination_iframe")
  # 这里执行定位操作
  driver.switch_to.default_content()  # 操作完切回主文档
  

4. 备用方案（当上述方法都不行时） #

• 用CSS选择器定位SVG：

  a[data-testid="pagination-forward"] > svg.css-pyu9k9
  

• 通过href属性的部分内容定位<a>标签：

  //a[contains(@href, 'page=') and contains(@href, 'wroclaw')]
  

不过这个方法不如测试属性稳定，因为href参数可能会变动。

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