【某机构vip教程】Selenium(7)：元素定位_css_selecto定位

Css_selector是什么

　　CSS是一个被用来描述如何在屏幕等处渲染HTML和XML文档的语言。CSS使用选择器来为文档中的元素绑定样式属性。

　　选择器（selector）是用来在树中匹配元素的模式，选择器对HTML和XML进行了优化，被设计用来在注重性能的代码中执行。Selenium官网的Document里极力推荐使用Css_selector，而不是XPath来定位元素。

Css_selector常用如下6种定位元素的方法（不支持文本定位）

 1、通过绝对路径定位

　　绝对路径是从网页的根节点html开始，逐层去查找需要定位的元素。

　　此方法缺点显而易见，当页面元素位置发生改变时，都需要修改，因此，并不推荐使用。

代码如下：

以百度首页搜索框为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 绝对路径定位
# 以html body为开头，使用空格分开层次结构 遇到id使用# 遇到class使用.
driver.find_element(By.CSS_SELECTOR,'html body div#wrapper.wrapper_new div#head div#head_wrapper.head_wrapper.s-isindex-wrap.nologin div.s_form.s_form_nologin div.s_form_wrapper.soutu-env-nomac.soutu-env-index form#form.fm span.bg.s_ipt_wr.new-pmd.quickdelete-wrap input#kw.s_ipt').send_keys('python')

复制代码

备注：当同一层次有多个相同的元素时，使用id或class区分，遇到id用#号，遇到class用.号

2、通过相对路径定位

　　相对路径表示文件中所有符合模式的元素都会被选出来，即使是处于树中不同的层级也会被选出来。

代码如下：

以百度首页搜索框为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 相对路径定位
driver.find_element(By.CSS_SELECTOR,'input#kw').send_keys('python')
driver.find_element(By.CSS_SELECTOR,'span input#kw').send_keys('python')

复制代码

备注：以上都可以定位到百度搜索框，相对路径的长度和开始位置并不受限制，可以采用从后往前逐层定位直到定位到即可的方式去定位。

3、使用元素属性定位

　　元素属性定位要求属性能够定位到唯一一个元素，如果存在多个相同条件的标签，默认定位第一个；

具体格式：标签名[属性="属性值"]

支持使用多个属性一起定位元素：标签名[属性1="属性值1"][属性2="属性值2"]

代码如下：

以百度首页搜索框为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 元素属性定位
# 语法格式：标签名[属性名="属性值"]  标签名[属性名1="属性值1"][属性名2="属性值2"]
driver.find_element(By.CSS_SELECTOR,'input[maxlength="255"]').send_keys('python')
driver.find_element(By.CSS_SELECTOR,'input[maxlength="255"][name="wd"]').send_keys('python')

复制代码

4、使用部分属性值匹配（也称为模糊方法定位）

　　属性值如果太长或网页中的元素属性动态变化，可以使用此方法

元素属性值比对字符串开头：^=

元素属性值比对字符串结尾：$=

元素属性值比对字符串包含：*=

代码如下：

以百度首页的链接为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 部分属性值定位
# ^=比对字符串开始  *= 比对字符串包含  $= 比对字符串结尾
driver.find_element(By.CSS_SELECTOR,'a[href^="https://haokan"]').click()
driver.find_element(By.CSS_SELECTOR,'a[href*="haokan"]').click()
driver.find_element(By.CSS_SELECTOR,'a[href$="sfrom=baidu-top"]').click()

复制代码

5、查询子元素

1）子元素 A>B
driver.find_element(By.CSS_SELECTOR,'form>span>input')

2）后代元素 A空格B（类似>）
driver.find_element(By.CSS_SELECTOR,'form span input')

3）第一个后代元素:first-child
driver.find_element(By.CSS_SELECTOR,'form  input:first-child')

4）最后一个后代元素:last-child
driver.find_element(By.CSS_SELECTOR,'form  input:last-child')

5）第n个子元素:nth-child(N)[类同:nth-of-type(N)]
driver.find_element(By.CSS_SELECTOR,'form input:nth-child(5)')

driver.find_element(By.CSS_SELECTOR,'form input:nth-of-type(15)')

代码如下：

以百度首页为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 查询子元素
# >表示子元素
driver.find_element(By.CSS_SELECTOR,'form>span>input').send_keys('python')
# 空格表示后代元素(类似>)
driver.find_element(By.CSS_SELECTOR,'form span input').send_keys('python')
# 第一个后代元素 :first-child
a = driver.find_element(By.CSS_SELECTOR,'form  input:first-child').get_attribute('name')
print( a )  # ie
# 最后一个后代元素 :last-child   如果是儿子/孙子都存在，是孙子在最后面一个
b = driver.find_element(By.CSS_SELECTOR,'form  input:last-child').get_attribute('value')
print( b )  # 百度一下
# 第N个子元素  :nth-child(N)等同于:nth-of-type(N)
c = driver.find_element(By.CSS_SELECTOR,'form input:nth-child(5)').get_attribute('name')
d = driver.find_element(By.CSS_SELECTOR,'form input:nth-of-type(15)').get_attribute('name')
print( c )    # ch
print( d )    # rsv_dl

复制代码

6、查询兄弟元素

1）同层级下一个元素 +
driver.find_element(By.CSS_SELECTOR,'div#s-top-left a')
driver.find_element(By.CSS_SELECTOR,'div#s-top-left a+a+a')

2）选择同层级多个相同标签的元素 ~
driver.find_elements(By.CSS_SELECTOR,'div#s-top-left a~a')

代码如下：

以百度首页为例

复制代码

import os
from selenium import webdriver
from selenium.webdriver.common.by import Bycurrent_path = os.path.dirname(os.path.abspath(__file__))  # 当前路径
driver_path = os.path.join(current_path,'../webdriver/chromedriver.exe')  # driver路径
driver = webdriver.Chrome(executable_path=driver_path)  # Firefox,Ie等driver.get('https://www.baidu.com/')  # 打开网站
# 兄弟元素
# 同层级下一个元素 +
driver.find_element(By.CSS_SELECTOR,'div#s-top-left a').click()  # 新闻
driver.find_element(By.CSS_SELECTOR,'div#s-top-left a+a+a').click()  # 地图
# 选择同层级多个相同标签的元素 ~
s = driver.find_elements(By.CSS_SELECTOR,'div#s-top-left a~a')
s[0].click()  # hao123

 总结

如果你对此文有任何疑问，如果你也需要接口项目实战，如果你对软件测试、接口测试、自动化测试、面试经验交流感兴趣欢迎加入我们，加入方式在文章的最后面

  自动化测试相关教程推荐：

2023最新自动化测试自学教程新手小白26天入门最详细教程,目前已有300多人通过学习这套教程入职大厂！！_哔哩哔哩_bilibili

2023最新合集Python自动化测试开发框架【全栈/实战/教程】合集精华，学完年薪40W+_哔哩哔哩_bilibili

测试开发相关教程推荐

2023全网最牛，字节测试开发大佬现场教学，从零开始教你成为年薪百万的测试开发工程师_哔哩哔哩_bilibili

postman/jmeter/fiddler测试工具类教程推荐

讲的最详细JMeter接口测试/接口自动化测试项目实战合集教程，学jmeter接口测试一套教程就够了！！_哔哩哔哩_bilibili

2023自学fiddler抓包，请一定要看完【如何1天学会fiddler抓包】的全网最详细视频教程！！_哔哩哔哩_bilibili

2023全网封神，B站讲的最详细的Postman接口测试实战教学，小白都能学会_哔哩哔哩_bilibili

  总结：

 光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

​​​

​​​

如果对你有帮助的话，点个赞收个藏，给作者一个鼓励。也方便你下次能够快速查找。

如有不懂还要咨询下方小卡片，博主也希望和志同道合的测试人员一起学习进步

在适当的年龄，选择适当的岗位，尽量去发挥好自己的优势。

我的自动化测试开发之路，一路走来都离不每个阶段的计划，因为自己喜欢规划和总结，

测试开发视频教程、学习笔记领取传送门！！

​

​

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/486663.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

pikachu靶场-XSS

pikachu靶场-XSS

XSS： XSS（跨站脚本）概述 Cross-Site Scripting 简称为“CSS”，为避免与前端叠成样式表的缩写"CSS"冲突，故又称XSS。一般XSS可以分为如下几种常见类型： 1.反射性XSS; 2.存储型XSS; 3.DOM型XSS; …
阅读更多...
有名管道的大小

有名管道的大小

管道：有名管道、无名管道 通信： 单工通信：固定的读端和写端 -- 广播 半双工通信：同一时刻，只有有一方写，另外一方读:对讲机 全双工通信：随时两方都能读写 -- 电话 特点： 管道属…
阅读更多...
Microsoft 365自定义安装软件

Microsoft 365自定义安装软件

如图，在安装类型的步骤的时候，可以勾选自己想要的软件（而非一股脑儿的安装一大堆自己不需要的）。
阅读更多...
如何在java中使用 Excel 动态函数生成依赖列表

如何在java中使用 Excel 动态函数生成依赖列表

前言 在Excel 中，依赖列表或级联下拉列表表示两个或多个列表，其中一个列表的项根据另一个列表而变化。依赖列表通常用于Excel的业务报告，例如学术记分卡中的【班级-学生】列表、区域销售报告中的【区域-国家/地区】列表、人口仪表板中的【年…
阅读更多...
使用redisMQ-spring-boot-starter实现消息队列和延时队列

使用redisMQ-spring-boot-starter实现消息队列和延时队列

简介 redisMQ-spring-boot-starter是一个轻量级的、基于Redis实现的消息队列中间件，它有如下优点： 开箱即用，你几乎不用添加额外的配置支持消息队列、延时队列，并提供精细化配置参数提供消息确认机制支持虚拟空间，不…
阅读更多...
在springboot中调用openai Api并实现流式响应

在springboot中调用openai Api并实现流式响应

之前在《在springboot项目中调用openai API及我遇到的问题》这篇博客中，我实现了在springboot中调用openai接口，但是在这里的返回的信息是一次性全部返回的，如果返回的文字比较多，我们可能需要等很久。 所以需要考虑将请求接口响应…
阅读更多...
Nginx -2

Nginx -2

接着上文写 5.4.7 验证模块 需要输入用户名和密码 模块名称：ngx_http_auth_basic_module 访问控制基于模块 ngx_http_auth_basic_module 实现，可以通过匹配客户端资源进行限制 语法： Syntax: auth_basic string | off; Default: auth_ba…
阅读更多...
日常工作软件安装总结

日常工作软件安装总结

日常工作软件安装总结 系统服务安装集成 Skywalking SpringBoot集成Skywalking服务 地址：http://192.168.1.52:8686/general nohup java -javaagent:/mnt/skywalking-agent/skywalking-agent/skywalking-agent.jar -DSW_AGENT_NAMEdev::rms-risk-service agent…
阅读更多...
谈谈智能机器人智能电表运维管理体系在铁路牵引变电所建设构想

谈谈智能机器人智能电表运维管理体系在铁路牵引变电所建设构想

关键词：智能移动机器人状态检测分析决策智能化管理 0前言 牵引变电所是铁路机车供电的来源，是保障铁路运行的基本环节，经过多年的改造和发展，牵引变电所在我国大部分的铁路线路中已经得到了合理的覆盖，无人值班牵引变…
阅读更多...
LED景观照明灯驱动电路串联、并联和恒流3款方案

LED景观照明灯驱动电路串联、并联和恒流3款方案

LED景观照明灯是现代城市照明中常见的一种灯具。为了保证LED景观照明灯的正常工作，需要设计合适的驱动电路。LED景观照明灯的驱动电路可以采用串联、并联或恒流的方式来设计。 首先，串联驱动电路是指将多个LED灯串联在一起，然后接入电源进行…
阅读更多...
Django——ORM增删改查

Django——ORM增删改查

基本对象 model.objects 创建数据 可以通过django编写的命令行方式快捷创建数据 python manage.py shell 如果对模型层有任何修改都需要重启shell，否则操作容易出错 在shell中我们需要先引入我们的模型，如from bookstore.models import Book 然后通过…
阅读更多...
C 嵌入式系统设计模式 09：硬件适配器模式

C 嵌入式系统设计模式 09：硬件适配器模式

本书的原著为：《Design Patterns for Embedded Systems in C ——An Embedded Software Engineering Toolkit 》，讲解的是嵌入式系统设计模式，是一本不可多得的好书。 本系列描述我对书中内容的理解。本文章描述访问硬件的设计模式之二&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023