元素定位练习 · ID 属性定位

📌 方法概念
原理：通过 id 属性全局唯一定位单个元素；浏览器原生对 id 查询做了底层优化（哈希表），因此执行速度最快、结果最稳定。
适用场景：元素 id 唯一、不动态变化、语义明确的场景（按钮、输入框、表单、搜索框）。
注意事项：需确认 id 在整个 HTML 中全局唯一；动态生成的 id（如 j_id123、带随机数字的）不要用；优先找带有业务语义的 id。

💻 Selenium 示例（Python）

from selenium import webdriver
from selenium.webdriver.common.by import By
# 1) 定位单个按钮（登录按钮 / 提交按钮 / 搜索按钮）
driver.find_element(By.ID, "attr_id_btn_login").click()
# 2) 定位搜索框输入关键词后回车
driver.find_element(By.ID, "attr_id_search_input").send_keys("Selenium入门")
# 3) 先通过父容器 ID 定位 再找子元素（组合定位）
form = driver.find_element(By.ID, "attr_id_login_form")
form.find_element(By.ID, "attr_id_login_user").send_keys("admin")

📋 本节练习清单

• ✅ 练习目标 1：登录表单 — 首先定位用户名输入框并输入用户名 By.ID, "attr_id_login_user"；接着定位密码输入框并输入密码 By.ID, "attr_id_login_pwd"；然后定位并勾选“7天内记住我”复选框By.ID, "attr_id_remember_me"；最后定位并点击登录按钮 By.ID, "attr_id_btn_login"
• ✅ 练习目标 2：搜索框 — 首先定位搜索框并输入关键词 By.ID, "attr_id_search_input"；接着定位搜索按钮并点击 By.ID, "attr_id_btn_search"；拓展：用 get_attribute("value") 读取搜索框当前值
• ✅ 练习目标 3：商品面板 + 购物车 — 首先定位并点击任意商品「加入购物车」按钮；接着观察购物车数量变化 By.ID, "attr_id_cart_count"；最后观察购物车状态文字变化 By.ID, "attr_id_cart_status"