8.9 Selenium元素定位方式
元素定位
元素的定位应该是自动化测试的核心，要想操作一个元素，首先应该识别这个元素象。webdriver提供了一系列的对象定位方法，常用的有以下几种:
- id
- name
- class name
- link text
- partial link text
- tag name
- xpath
- css selector
案例：打开百度首页，在搜索框自动输入“Selenium我要自学网”关键词，然后点击搜索按钮，查看搜索页面。
id与name 定位
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")
driver.find_element_by_id("kw").send_keys("Selenium我要自学网")
driver.find_element_by_name("wd").send_keys("Selenium我要自学网")
sleep(2)
driver.find_element_by_id("su").click()
sleep(3)
driver.quit()
tag_name定位
案例：打开我要自学网页面，在用户名输入框输入用户名“selenium”
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.51zxw.com")
#定位标签名为input的元素
driver.find_element_by_tag_name("input").send_keys("selenium")
#获取页面所有标签名称为“input”的标签。
driver.find_elements_by_tag_name("input")[0].send_keys("selenium")
sleep(3)
driver.quit()
class_name定位
根据标签中属性class来进行定位的一种方法
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")
driver.find_element_by_class_name("s_ipt").send_keys("Selenium 我要自学网")
sleep(2)
driver.find_element_by_id("su").click()
sleep(3)
driver.quit()
link_text定位
link_text定位就是根据链接文字进行定位
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.51zxw.net/")
driver.find_element_by_link_text('程序开发').click()
sleep(3)
driver.find_element_by_partial_link_text('自动化测试').click()
# driver.close()
XPath定位
XPath即为XML路径语言，它是一种用来确定XML（标准通用标记语言的子集）文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。
xpath绝对与相对定位
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")
# 绝对路径定位
driver.find_element_by_xpath("/html/body/div[2]/div[1]/div/div[1]/div/form/span[1]/input").send_keys("51zxw")
# 利用元素熟悉定位--定位到input标签中为kw的元素
driver.find_element_by_xpath("//input[@id='kw']").send_keys("Selenium")
# 定位input标签中name属性为wd的元素
driver.find_element_by_xpath("//input[@name='wd']").send_keys("Selenium")
# 定位所有标签元素中，class属性为s_ipt的元素
driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys("Python3")
driver.find_element_by_id('su').click()
sleep(3)
driver.quit()
xpath组合与逻辑定位
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.51zxw.net")
#层级和属性结合定位--自学网首页输入用户和名密码
driver.find_element_by_xpath("//form[@id='loginForm']/ul/input[1]").send_keys("51zxw")
driver.find_element_by_xpath("//form[@id='loginForm']/ul/input[2]").send_keys("66666")
#逻辑运算组合定位
driver.find_element_by_xpath("//input[@type='text' and @name='username']").send_keys("51zxw")
sleep(3)
driver.quit()
css定位
Selenium极力推荐使用CSS 定位，而不是XPath来定位元素，原因是CSS 定位比XPath 定速度快，特别是在IE浏览器环境
前端开发人员就是用CSS Selector设置页面上每一个元素的样式，无论那个元素的位置有多复杂，他们能定位到，那我们使用CSS Selector肯定也能非常精准的定位到页面Elements。
CSS常用定位方法
- #id id选择器根据id属性来定位元素
- .class class选择器，根据class属性来定位元素
- [attribute='value'] 根据属性来定位元素
- element.Attribute>element 根据元素层级来定位 父元素>子元素
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")
#根据id来定位
driver.find_element_by_css_selector('#kw').send_keys("Selenium 我要自学网")
#根据class定位
driver.find_element_by_css_selector('.s_ipt').send_keys('python')
#通过属性来定位
driver.find_element_by_css_selector("[autocomplete='off']").send_keys("selenium")
sleep(2)
driver.find_element_by_id('su').click()
driver.get("http://www.51zxw.net")
#通过元素层级来定位
driver.find_element_by_css_selector("form#loginForm>ul>input").send_keys("51zxw")
sleep(2)
driver.quit()
下拉菜单元素定位
案例：在我要自学网登录页面选择指定的保留天数。
1.根据选项元素标签定位
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import Select
driver=webdriver.Firefox()
driver.get("http://www.51zxw.net")
sleep(2)
#根据option标签来定位
driver.find_elements_by_tag_name('option')[1].click()
driver.find_element_by_css_selector("[value='2']").click()
sleep(2)
driver.quit()
2.使用Select类定位
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import Select
driver=webdriver.Firefox()
driver.get("http://www.51zxw.net")
sleep(2)
#利用Select类来进行定位
select = Select(driver.find_element_by_css_selector("[name='CookieDate']"))
select.select_by_index(2)
select.select_by_visible_text("留一年")
select.select_by_value("1")
sleep(2)
driver.quit()
By 元素定位
- find_element(By.ID,"loginName")
- find_element(By.NAME,"SubjectName")
- find_element(By.CLASS_NAME,"u-btn-levred")
- find_element(By.TAG_NAME,"input")
- find_element(By.LINK_TEXT,"退出")
- find_element(By.PARTIAL_LINK_TEXT,"退")
- find_element(By.XPATH,".//*[@id='Title")
- find_element(By.CSS_SELECTOR,"[type=submit]")
from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep
driver=webdriver.Firefox()
driver.get("http://www.baidu.com/")
driver.implicitly_wait(5)
driver.find_element(By.ID,'kw').clear()
driver.find_element(By.NAME,'wd').send_keys("Selenium ")
driver.find_element(By.CLASS_NAME,'s_ipt').send_keys("自学网 ")
driver.find_element(By.CSS_SELECTOR,"#kw").send_keys("自动化测试")
sleep(3)
driver.find_element(By.ID,'su').click()
sleep(3)
driver.quit()
frame页面定位
案例：在Frame.html文件中定位搜狗搜索页面，进行搜索操作。
from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
#设置网页文件路径，r代表路径转义
file_path=r'E:\Python_script\Webdriver\Frame.html'
#路径转义另一种写法
# file_path='E:\\Python_script\\Webdriver\\Frame.html'
driver.get(file_path)
#切换到frame页面内
driver.switch_to.frame("search")
#定位到搜索框按钮输入关键词
driver.find_element_by_css_selector("#query").send_keys("Python")
sleep(3)
driver.find_element_by_css_selector("#stb").click()
sleep(3)
driver.quit()
元素操作方法
- text 返回元素内容
- clear()清除元素内容
- send_keys() 传送元素值
- click() 点击操作
- submit()提交操作
- get_attribute()获取元素的属性
代码实践
#注意调用的text没有()号，元素属性
#text_ban=driver.find_element_by_id("cp").text
# print(text_ban)
print("开始输入搜索内容》》")
driver.find_element_by_id("kw").clear()
driver.find_element_by_id("kw").send_keys("里约奥运会")
print("点击百度一下》》")
#driver.find_element_by_id("su").click() #click 和submit是一样的
driver.find_element_by_id("su").submit()
size=driver.find_element_by_id("kw").size
print("搜索框尺寸为：%r" %size)
attribute=driver.find_element_by_id("kw").get_attribute('type')
print("输入框的属性为：%s" %attribute)更多干货
- Webdriver简介
- Appium连续滑动操作——九宫格滑动
- Appium Android Toast元素识别
- Android H5元素定位
- Mac 环境Appium自动化测试环境搭建
- 众里寻他千百度—Appium Android 元素定位方式
- Android自动化测试设备弹窗处理
- Ubuntu+Docker+STF环境搭建
- Mac OS环境搭建STF
- Python自动化日志收集
- Appium参数配置—yaml
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-08-09，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号