当前位置：首页 > news >正文

Selenium 元素定位方法详解

news 来源：原创 2025/6/24 14:58:58

Selenium 提供了多种元素定位方式，掌握这些方法是进行 Web 自动化测试的基础。以下是主要的元素定位方法及其使用示例：

1. 基本定位方法

1.1 通过 ID 定位

element = driver.find_element(By.ID, "element_id")

1.2 通过 Name 定位

element = driver.find_element(By.NAME, "element_name")

1.3 通过 Class Name 定位

element = driver.find_element(By.CLASS_NAME, "class_name")

1.4 通过 Tag Name 定位

element = driver.find_element(By.TAG_NAME, "tag_name")

1.5 通过 Link Text 定位（完全匹配）

element = driver.find_element(By.LINK_TEXT, "链接文本")

1.6 通过 Partial Link Text 定位（部分匹配）

element = driver.find_element(By.PARTIAL_LINK_TEXT, "部分链接文本")

2. CSS 选择器定位

element = driver.find_element(By.CSS_SELECTOR, "css_selector")

常用 CSS 选择器示例：

#id - 通过 ID
.class - 通过 class
tag - 通过标签
[attribute=value] - 通过属性
parent > child - 父子关系
selector1, selector2 - 多个选择器

3. XPath 定位

element = driver.find_element(By.XPATH, "xpath_expression")

常用 XPath 表达式：

//tag - 匹配所有 tag 元素
//tag[@attribute='value'] - 通过属性匹配
//tag[contains(@attribute,'value')] - 属性包含
//tag[text()='text'] - 通过文本匹配
//tag[contains(text(),'text')] - 文本包含
/ 或 // - 绝对路径/相对路径

4. 定位多个元素

使用 find_elements 方法（注意复数形式）：

elements = driver.find_elements(By.CLASS_NAME, "class_name")

5. 相对定位（Selenium 4 新增）

from selenium.webdriver.support.relative_locator import with_tag_name

# 定位在某个元素附近的元素
element = driver.find_element(with_tag_name("tag").near("reference_element"))

实际应用示例

示例1：百度搜索框定位

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

# 打开百度
driver.get("https://www.baidu.com")

# 多种方式定位搜索框
search_by_id = driver.find_element(By.ID, "kw")          # 通过ID
search_by_name = driver.find_element(By.NAME, "wd")     # 通过Name
search_by_xpath1 = driver.find_element(By.XPATH, "//input[@id='kw']")
search_by_xpath2 = driver.find_element(By.XPATH, "//input[@name='wd']")
search_by_css = driver.find_element(By.CSS_SELECTOR, "#kw")

# 定位搜索按钮
submit_by_id = driver.find_element(By.ID, "su")
submit_by_xpath = driver.find_element(By.XPATH, "//input[@value='百度一下']")
submit_by_css = driver.find_element(By.CSS_SELECTOR, "#su")

driver.quit()

示例2：复杂元素定位

# 定位百度首页"设置"链接
settings = driver.find_element(By.LINK_TEXT, "设置")
settings = driver.find_element(By.XPATH, "//a[text()='设置']")
settings = driver.find_element(By.CSS_SELECTOR, "a.s-set-hot")

# 定位下拉菜单中的选项
option = driver.find_element(By.XPATH, "//div[@class='dropdown']/ul/li[2]")

# 定位表格中的特定单元格
cell = driver.find_element(By.XPATH, "//table[@id='data']/tbody/tr[3]/td[2]")