如何定位class动态变化的svg标签并执行点击操作

原HTML结构（父div和svg的class会动态变化）：

<div class="x6s0dn4 x78zum5 x1q0g3np xs83m0k">
  <svg aria-label="Options" class="x1lliihq x1n2onr6 x5n08af" fill="currentColor" height="32" role="img" viewBox="0 0 24 24" width="32">
    <title>Options</title>
    <circle cx="12" cy="12" r="1.5"></circle>
    <circle cx="6" cy="12" r="1.5"></circle>
    <circle cx="18" cy="12" r="1.5"></circle>
  </svg>
</div>

失效的原定位代码（依赖动态变化的父div class）：

driver.find_element_by_xpath('//div[@class="x6s0dn4 x78zum5 xdt5ytf xl56j7k"]/*[name()="svg"][@aria-label="Options"]').click()

不依赖Class的定位方案 #

完全跳过动态变化的class属性，利用SVG元素自身的稳定属性（aria-label="Options"）进行定位，以下是几种可靠实现方式：

1. 最简XPath直接定位SVG

直接通过aria-label属性定位目标SVG，无需关联父元素：

# 基础写法
driver.find_element(By.XPATH, '//svg[@aria-label="Options"]').click()

# 若页面存在多个同aria-label的SVG，可结合其他稳定属性缩小范围
driver.find_element(By.XPATH, '//svg[@aria-label="Options" and @role="img" and @width="32"]').click()

2. 使用Selenium 4+的ARIA_LABEL定位器

Selenium 4及以上版本支持直接通过By.ARIA_LABEL定位，代码更简洁：

from selenium.webdriver.common.by import By

driver.find_element(By.ARIA_LABEL, "Options").click()

3. 配合显式等待提升稳定性

实际场景中建议加入显式等待，确保元素可点击后再执行操作，避免因元素未加载导致的报错：

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

# 等待10秒，直到元素可点击
options_svg = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, '//svg[@aria-label="Options"]'))
)
options_svg.click()

补充说明 #

如果页面存在多个aria-label="Options"的SVG，可结合元素的子结构进一步筛选，比如通过svg下的3个circle元素特征定位：

driver.find_element(By.XPATH, '//svg[@aria-label="Options" and count(circle)=3]').click()

同时建议放弃find_element_by_*这类旧API，改用By类配合find_element()的新写法，兼容性更好。

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