UI自动化常用 8 种元素定位（二）

常用 8 种元素定位

1、find_element_by_id()

• Chrome浏览器F12可以看到元素的基本信息
• find_element_by_id()是一种定位元素的方法，

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(3)
#通过ID查找
driver.find_element_by_id("mobile").send_keys("13770506773")
driver.close()

2、find_element_by_name()

• Chrome浏览器F12可以看到元素的name，name是否唯一，name不是唯一的话会报错。

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(3)
driver.find_element_by_id("mobile").send_keys("13770506773")
time.sleep(3)
#通过name查找元素
driver.find_element_by_name("password").send_keys("zy568521")

driver.quit()

3、find_element_by_class_name()

• Chrome浏览器F12可以看到元素的基本信息
• 通过id和name定位元素不方便，可以使用class_name()方法定位

driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
time.sleep(3)
driver.maximize_window()
driver.find_element_by_class_name("s_ipt").send_keys("python")

4、find_element_by_tag_name()

• Chrome浏览器F12可以看到元素的基本信息
• 每个元素都有标签，<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">
• 可以使用input标签进行定位，实际中标签重复的很多，一般不会使用该方法进行元素定位

driver.find_element_by_tag_name("input").send_keys("python")

5、find_element_by_link_text()

• 百度页面hao123按钮，通过分析该元素有个href=“https://www.hao123.com”
• 可以使用driver.find_element_by_link_text()来定位

driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
time.sleep(3)
driver.maximize_window()
#打开hao123主页
driver.find_element_by_link_text("hao123").click()
time.sleep(2)
#返回上一个窗口
driver.back()
time.sleep(2)
driver.quit()

6、find_element_by_xpath()

• 若遇到一个元素没有id，name，class等属性的时候，可以使用xpath方法来解决
• xpath语法还的记得去学习
• 使用谷歌插件XPath Helper，定位出来后自己修改也可以

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(2)
driver.maximize_window()
time.sleep(1)
#通过Xpath定位元素
driver.find_element_by_xpath("//input[@id='mobile']").send_keys("13770506771")
driver.quit()

7、find_element_by_css_selector()

• css_selector的语法比xpath简洁很多，但理解起来不是很理解
• css和xpath两个掌握其中一个都可以

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(2)
driver.maximize_window()
time.sleep(1)
driver.find_element_by_xpath("//input[@id='mobile']").send_keys("13770506771")
#通过css定位
driver.find_element_by_css_selector("#password").send_keys("zy568521")
time.sleep(2)
driver.quit()

8、find_element_by_partial_link_text()

• 是一种模糊匹配，字符串可以输入其中一部分