3、元素定位基础：ID、Name、Class Name、Tag Name、Link Text、Partial Link Text 定位方法

好，咱们直接进入正题。元素定位，说白了就是让自动化脚本知道「你要操作页面上的哪个东西」。这就像你告诉朋友「帮我拿一下桌上那杯水」——你得说清楚是哪杯水，对吧？

我个人习惯把定位方法分成两类：一类是「一眼就能认出来」的，比如 ID、Name；另一类是「靠特征找」的，比如 Class Name、Tag Name。今天咱们先把前六种最基础的讲透。

3.1 ID 定位：最稳的方法，没有之一

ID 在 HTML 里是唯一的。一个页面里，同一个 ID 只能出现一次。这就好比你身份证号，全国就你一个。

我在项目中遇到过很多次，只要元素有 ID，我闭着眼睛都用它。为什么？因为快、准、稳。浏览器查找 ID 用的是底层优化过的哈希表，速度极快。

来看代码：

# Python + Selenium 示例
from selenium import webdriver
driver = webdriver.Chrome()

# 假设页面上有个登录按钮，id="login-btn"
login_btn = driver.find_element("id", "login-btn")
login_btn.click()

嗯，这里要注意：有些前端框架（比如 React、Vue）会自动生成动态 ID，每次刷新都不一样。遇到这种情况，ID 就没法用了。我踩过这个坑，后面会讲怎么处理。

3.2 Name 定位：表单的标配

Name 属性在表单里特别常见。你想想看，<input> 标签提交数据时，后台就是靠 name 来接收的。所以 Name 定位在表单操作中非常好用。

举个例子：

# 定位用户名输入框，name="username"
username_input = driver.find_element("name", "username")
username_input.send_keys("admin")

不过要提醒你：Name 不像 ID 那样强制唯一。同一个页面里，多个元素可以有相同的 name。比如一组单选按钮，name 都是一样的。这时候 find_element 只会返回第一个，如果你想要所有，得用 find_elements。

3.3 Class Name 定位：批量操作的好帮手

Class Name 是 CSS 样式用的，同一个 class 可以给多个元素用。所以它天然适合「找一组元素」。

比如页面上有一堆商品卡片，class 都是 product-item：

# 获取所有商品卡片
products = driver.find_elements("class name", "product-item")
print(f"共找到 {len(products)} 个商品")

# 遍历每个商品，获取名称
for product in products:
    name = product.text
    print(name)

我曾经用这个方法来抓取某个电商网站的商品列表，一次拿到 60 个商品信息，效率很高。

但要注意：Class Name 不能有空格。如果 class 是 btn btn-primary，你不能直接传 "btn btn-primary"。因为空格在 HTML 里表示多个 class。这时候你得用 CSS 选择器或者 XPath 来处理。

3.4 Tag Name 定位：最不常用的方法

Tag Name 就是标签名，比如 div、a、input、button。说实话，这个方法我平时用得很少。为什么？因为太宽泛了。一个页面里可能有上百个 div，你定位到哪个？

但它也不是完全没用。比如你想统计页面上有多少个链接：

# 获取所有 <a> 标签
all_links = driver.find_elements("tag name", "a")
print(f"页面共有 {len(all_links)} 个链接")

或者你想获取所有图片的地址：

images = driver.find_elements("tag name", "img")
for img in images:
    src = img.get_attribute("src")
    print(src)

说白了，Tag Name 适合做「统计」和「遍历」，不适合精确定位某个元素。

3.5 Link Text 定位：专门对付超链接

这个就很有意思了。Link Text 只对 <a> 标签有效，而且必须完全匹配链接的文本内容。

比如页面上有个链接，文字是「点击这里查看详情」：

# 完全匹配文本
link = driver.find_element("link text", "点击这里查看详情")
link.click()

注意：必须一模一样，多一个空格都不行。我遇到过链接文字里有换行符的情况，肉眼看着一样，但程序就是找不到。后来用 get_attribute("textContent") 一看，才发现里面有 \n。

3.6 Partial Link Text 定位：模糊匹配，灵活好用

这个方法是 Link Text 的「宽松版」。你只需要提供链接文本的一部分，它就能找到。

还是上面那个例子：

# 模糊匹配，只要包含"查看详情"就行
link = driver.find_element("partial link text", "查看详情")
link.click()

这样就不用担心空格、换行符之类的小问题了。我在爬取新闻网站时经常用这个方法，因为很多链接的文本是动态生成的，但关键词是固定的。

不过要注意：如果多个链接都包含同样的关键词，find_element 只会返回第一个。这时候你得用 find_elements 拿到所有，再根据位置或上下文筛选。

3.7 六种方法对比总结

为了方便你记忆，我整理了一张表：

定位方法	语法示例	唯一性	推荐指数	适用场景
ID	find_element("id", "xxx")	强制唯一	⭐⭐⭐⭐⭐	有 ID 就用它
Name	find_element("name", "xxx")	可能重复	⭐⭐⭐⭐	表单元素
Class Name	find_element("class name", "xxx")	通常重复	⭐⭐⭐	批量操作、列表
Tag Name	find_element("tag name", "xxx")	大量重复	⭐⭐	统计、遍历
Link Text	find_element("link text", "xxx")	通常唯一	⭐⭐⭐⭐	超链接精确匹配
Partial Link Text	find_element("partial link text", "xxx")	可能重复	⭐⭐⭐	超链接模糊匹配

3.8 我的实战建议

说了这么多，给你总结几条我自己的经验：

• 优先级排序：ID > Name > Link Text > Partial Link Text > Class Name > Tag Name。按这个顺序试，能省不少时间。
• 先看页面源码：别上来就写代码。打开浏览器开发者工具，看看目标元素有什么属性。一眼就能判断用哪个方法。
• 学会组合使用：有时候一个方法搞不定，可以结合 CSS 选择器或 XPath。后面几章我会详细讲。
• 动态内容要小心：如果页面是 AJAX 加载的，元素可能还没渲染出来。这时候需要加等待，不然定位会报错。

好，这六种基础定位方法就讲完了。下一章咱们会聊 CSS 选择器定位，那才是真正的大杀器。到时候你会发现，前面这些方法只是开胃菜。