selenium 定位方式1

Selenium 常用的定位方式8种。

1. find_element_by_id

对于 Web 页面，id 是最理想的定位方式，一般前端 HTML 代码都会尽量保证 id 的唯一性。

1.1 find_element_by_id 应用

# find_element_by_id 的应用1：定位百度输入框
from selenium import webdriver  # 导入 webdriver 模块
from time import sleep  # 导入 sleep 模块，可以使程序强制休眠

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.baidu.com')  # 打开百度网站
kw_element = driver.find_element_by_id("kw")  # 通过 id 属性定位到输入框
kw_element.send_keys("selenium")  # 向输入框写入"selenium"
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

# find_element_by_id 的应用2：定位中国知网首页的搜索输入框

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.cnki.net/')  # 打开中国知网
search_element = driver.find_element_by_id("txt_SearchText")  # 通过 id 属性定位到搜索输入框
search_element.send_keys("自动化测试")  # 输入内容
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

2. find_element_by_name

通过 HTML 代码中的 name 属性来定位元素。 name 属性的值有可能不是唯一的，这时，会找到多个元素，遇到此类情况，程序会优先选择第一个定位元素。

2.1 find_element_by_name 应用

# find_element_by_name 的应用1：定位百度输入框
from selenium import webdriver  # 导入 webdriver 模块
from time import sleep  # 导入 sleep 模块，可以使程序强制休眠

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.baidu.com')  # 打开百度网站
kw_element = driver.find_element_by_name("wd")  # 通过 name 属性定位输入框
kw_element.send_keys("selenium")  # 向输入框写入"selenium"
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

# find_element_by_name 的应用2：定位拉钩首页的手机号码输入框

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.lagou.com/')  # 打开拉勾网
search_element = driver.find_element_by_name("phone")  # 通过 name 属性定位手机号码输入框
search_element.click()  # 点击搜索按钮
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

3. find_element_by_class_name

通过 HTML 代码中的 class 属性来定位元素。

一般不建议使用此定位方式：

1. class 属性一般是不唯一的

2. class 属性存在复合类：以下这段 class 属性就是一个复合类，每个类用空格分隔，如果通过全匹配定位，程序会报错

   

   # 以下程序会报错
   driver = webdriver.Chrome()  # 调用 Chrome 浏览器
   driver.get('https://www.baidu.com')  # 打开百度网站
   kw_element = driver.find_element_by_class_name("btn self-btn bg s_btn")  # 通过 class 属性定位搜索按钮
   kw_element.click()  # 点击搜索按钮
   sleep(5)  # 强制休眠 5 秒
   
   driver.quit()  # 关闭浏览器
   
   # 报错信息
   # selenium.common.exceptions.NoSuchElementException: 
   # Message: no such element: Unable to locate element: 
   # {"method":"css selector","selector":".btn self-btn bg s_btn"}
   

3.1 find_element_by_class_name 应用

# find_element_by_class_name 的应用1：定位百度输入框
from selenium import webdriver  # 导入 webdriver 模块
from time import sleep  # 导入 sleep 模块，可以使程序强制休眠

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.baidu.com')  # 打开百度网站
kw_element = driver.find_element_by_class_name("s_ipt")  # 通过 class 属性定位输入框
kw_element.send_keys("selenium")  # 向输入框写入"selenium"
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

# find_element_by_class_name 的应用2：定位中国知网首页的搜索输入框

driver = webdriver.Chrome()  # 调用 Chrome 浏览器
driver.get('https://www.cnki.net/')  # 打开中国知网
search_element = driver.find_element_by_class_name("search-input")  # 通过 class 属性定位到搜索输入框
search_element.send_keys("自动化测试")  # 输入内容
sleep(5)  # 强制休眠 5 秒

driver.quit()  # 关闭浏览器

总结