元素定位练习 · 标签定位

📌 方法概念
原理：通过 HTML 原生标签名（如 <a>、<input>、<button>、<img>、<tr>、<td>）定位所有同名标签；绝大多数场景配合 find_elements 批量获取。
适用场景：统计链接数量、批量读取图片 alt 列表、遍历表格每一行数据、获取页面中所有按钮并依次点击。
注意事项：TAG_NAME 返回通常元素很多，一定要二次过滤（按属性、按位置、按父容器）；<input> 要区分 type=text/email/password/hidden。

💻 Selenium 示例（Python）

from selenium import webdriver
from selenium.webdriver.common.by import By
# 1) 统计当前页面所有 <a> 超链接
links = driver.find_elements(By.TAG_NAME, "a")
print("链接总数：", len(links))
# 2) 读取所有 <img> 的 alt 属性（检查是否合规）
imgs = driver.find_elements(By.TAG_NAME, "img")
for img in imgs: print(img.get_attribute("alt"))
# 3) 组合：先 id 找学生表格 → 再 TAG_NAME('tr') 遍历每行
tbl = driver.find_element(By.ID, "tag_student_table")
rows = tbl.find_elements(By.TAG_NAME, "tr")
for r in rows:
    cells = r.find_elements(By.TAG_NAME, "td")
    print([c.text for c in cells])

📋 本节练习清单

• ✅ 练习目标 1：TAG_NAME 统计 + 按钮点击 — 点击页面上的「统计链接/输入框/按钮」按钮，记下显示数字（基准值），再用 len(driver.find_elements(By.TAG_NAME, "a")) / "input" / "button" 对比两边数量是否一致；尝试两种写法：find_elements 过滤 vs find_element 精确定位
• ✅ 练习目标 2：3 张风景图片 — find_elements(By.TAG_NAME, "img") 批量获取，按下标取每张图、读取 alt 属性；点击图片后效果区记录图编号和 alt 值
• ✅ 练习目标 3：学生表格 4 行 — 先 id 拿 table，再 TAG_NAME('tr') 取 rows，每行 TAG_NAME('td') 取 4 列（学号/姓名/年龄/班级），点击任意行查看详细数据