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

Selenium 选择器定位元素方式详解

news 来源：原创 2025/4/22 20:01:30

1. 通过 ID 定位

语法：By.id(String id)
特点：
- 最快速、最稳定的定位方式。
- 元素的 id 属性必须唯一，且不能包含空格。

示例：

<input type="text" id="username">

from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
element = driver.find_element(By.ID, "username")

2. 通过 Name 定位

语法：By.name(String name)
特点：
- 使用元素的 name 属性定位。
- 如果有多个元素具有相同的 name，则返回第一个匹配的元素。

示例：

<input type="text" name="username">

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

3. 通过 XPath 定位

语法：By.xpath(String xpath)
特点：
- 使用 XPath 表达式定位元素。
- XPath 是一种灵活且强大的定位方式，支持复杂的表达式。
- 分为两种类型：
  - 绝对 XPath：从根节点开始定位（路径固定）。
  - 相对 XPath：从当前上下文节点开始定位。

示例：

<div class="container"><input type="text" id="username">
</div>

# 相对 XPath：根据属性定位
element = driver.find_element(By.XPATH, "//input[@id='username']")# 绝对 XPath（不推荐）
element = driver.find_element(By.XPATH, "/html/body/div/input")

4. 通过 CSS Selector 定位

语法：By.cssSelector(String selector)
特点：
- 使用 CSS 选择器定位元素。
- 简洁、灵活，支持复杂的组合选择器（如层级关系、类名等）。

示例：

<div class="container"><input type="text" id="username" class="form-control">
</div>

# 根据类名定位
element = driver.find_element(By.CSS_SELECTOR, ".form-control")# 组合选择器：根据父元素的类名和子元素的 ID 定位
element = driver.find_element(By.CSS_SELECTOR, "div.container input#username")

5. 通过 Link Text 定位

语法：By.linkText(String linkText)
特点：
- 仅适用于 <a> 标签（超链接）。
- 使用超链接的文本内容定位。

示例：

<a href="https://www.example.com">Example</a>

element = driver.find_element(By.LINK_TEXT, "Example")

6. 通过 Partial Link Text 定位

语法：By.partialLinkText(String linkText)
特点：
- 同样适用于 <a> 标签。
- 使用超链接文本的子串定位（支持模糊匹配）。

示例：

<a href="https://www.example.com">Example Link</a>

element = driver.find_element(By.PARTIAL_LINK_TEXT, "Exam")

7. 通过 Tag Name 定位

语法：By.tagName(String tagName)
特点：
- 使用 HTML 标签名定位元素。
- 如果有多个相同标签的元素，则返回第一个匹配的元素。

示例：

<input type="text" id="username">

elements = driver.find_elements(By.TAG_NAME, "input")

8. 通过 Class Name 定位

语法：By.className(String className)
特点：
- 使用元素的 class 属性定位。
- 如果有多个元素具有相同的类名，则返回第一个匹配的元素。

示例：

<input type="text" class="form-control">

element = driver.find_element(By.CLASS_NAME, "form-control")

9. 通过 Accessible Name 定位（可选）

语法：By.accessibilityId(String accessibilityId)
特点：
- 主要用于移动端测试（如 Appium）。
- 使用元素的无障碍访问名称定位。

10. 通过 Custom XPath/Selector（自定义方式）

如果上述方式无法满足需求，可以通过自定义 XPath 或 CSS 选择器来实现复杂的定位逻辑。例如：

# 根据父元素的属性和子元素的标签定位
element = driver.find_element(By.XPATH, "//div[@class='container']/input")# 使用 contains() 方法匹配部分文本
element = driver.find_element(By.XPATH, "//a[contains(text(), 'Exam')]")