selenium：class属性内带有空格的定位坑

前言
- 由于web页面元素class属性值带有空格，导致直接使用class属性值元素定位失败
- 如： class=“inputstyle password” ，直接使用定位：driver.find_element_by_class_name(“inputstyle password”).send_keys(“1111”)
- **html classname值描述: **规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。
- W3cschool 对于class属性介绍
报错日志

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":".inputstyle password"}(Session info: chrome=81.0.4044.138)

示例：QQ邮箱 - 账号/密码输入框
- 账号输入框：class = inputstyle
- 密码输入框：class = inputstyle password

解决办法

方法一：driver.find_element_by_class_name方式定位
- 控件class值包含多个类，可使用任意单个唯一类型来定位，如：inputstyle、password
- 但是由于账号输入框class属性值为inputstyle，需取唯一属性，故密码输入框只能使用password

driver.find_element_by_class_name("password").send_keys("1111")

方法2：driver.find_element_by_css_selector

# class属性定位
driver.find_element_by_css_selector("[class='inputstyle password']").send_keys("1111")# 各空格变"."
driver.find_element_by_css_selector(".inputstyle.password").send_keys("1111")# 单个唯一属性
driver.find_element_by_css_selector(".password").send_keys("5555")

示例代码

from selenium import webdriver
import timedriver = webdriver.Chrome()
driver.get("https://mail.qq.com/")
driver.implicitly_wait(10)driver.switch_to.frame("login_frame")# 由于当前PC已登录QQ，需从快速登录切换至账号密码登录方式
# 若无可注释
driver.find_element_by_class_name("switch_btn").click()# 报错用法
# driver.find_element_by_class_name("inputstyle password").send_keys("1111")# inputstyle 为账号输入框class属性值，即会输入至账号输入框
driver.find_element_by_class_name("inputstyle").clear()
driver.find_element_by_class_name("inputstyle").send_keys("1111")
time.sleep(2)# password 为密码输入框唯一属性值，即正常输入至密码输入框
driver.find_element_by_class_name("password").clear()
driver.find_element_by_class_name("password").send_keys("2222")
time.sleep(2)# css_selector定位：取class属性定位，即正常输入至密码输入框
driver.find_element_by_css_selector("[class='inputstyle password']").clear()
driver.find_element_by_css_selector("[class='inputstyle password']").send_keys("3333")
time.sleep(2)# css_selector定位：“.”替换空格，即正常输入至密码输入框
driver.find_element_by_css_selector(".inputstyle.password").clear()
driver.find_element_by_css_selector(".inputstyle.password").send_keys("4444")
time.sleep(2)# css_selector定位：“.”替换空格并取唯一属性值，即正常输入至密码输入框
driver.find_element_by_css_selector(".password").clear()
driver.find_element_by_css_selector(".password").send_keys("5555")
time.sleep(2)# css_selector定位：“.”替换空格，inputstyle为账号输入框唯一属性值，即正常输入至账号输入框
driver.find_element_by_css_selector(".inputstyle").clear()
driver.find_element_by_css_selector(".inputstyle").send_keys("5555")

Key words

Appium、selenium、class定位报错、web自动化、安卓自动化、class定位、控件定位

selenium：class属性内带有空格的定位坑相关推荐

[Python从零到壹] 九.网络爬虫之Selenium基础技术万字详解（定位元素、常用方法、键盘鼠标操作）
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...
【十五】Jmeter：“CSV 数据文件设置”参数化请求中出现带有空格的参数值
目录一.csv 参数化文件格式填写二.CSV 数据文件设置三.HTTP 请求配置带有空格的参数勾选 "编码" 四.察看结果树一.csv 参数化文件格式填写 utf-8 编码 ...
整理的selenium WebDriver提供的8种元素定位方法
selenium WebDriver提供的8种元素定位方法: (1)find_element_by_id() :id 定位 ,顾名思义,就是通过标签的id属性值来定位元素 (2) find_eleme ...
Python爬虫【三】爬取PC网页版“微博辟谣”账号内容(selenium单页面内多线程爬取内容)
专题系列导引爬虫课题描述可见: Python爬虫[零]课题介绍 – 对"微博辟谣"账号的历史微博进行数据采集课题解决方法: 微博移动版爬虫 Python爬虫[一]爬取移 ...
如何在PowerShell中使用带有空格和引号的参数运行EXE文件
本文翻译自:How to run an EXE file in PowerShell with parameters with spaces and quotes How do you run the ...
Shell脚本传递带有空格的参数
在另一博文<Shell脚本实现DB2数据库表导出到文件>中实现了通过脚本实现将DB2数据库导出到文件,需要传入七个参数,最后一个是一个带有空格字符串,所以传入的时候有点问题,会自动识别空格 ...
linux 有空格的文件夹,Linux之删除带有空格的文件
导读这篇文章主要介绍了Linux之删除带有空格的文件(不是目录),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧. 大家平时工作 ...
元素class属性中的空格
今天练习js的一个样例时碰到了class属性中含有空格,不是太懂,于是就百度了一下,百度结果如下: <div class="box1 box2 textbox">这个d ...
Linux下怎么创建和进入带有空格的文件夹
有时候需要创建带有空格的文件夹,虽然这不是一个好的习惯,但是偶尔会遇到.用的最多的是很多时候需要进入带有空格的文件夹,如"a b"是一个文件夹名.创建:mkdir "a ...

selenium：class属性内带有空格的定位坑

selenium：class属性内带有空格的定位坑相关推荐

最新文章

热门文章