『心善渊』Selenium3.0基础 — 9、使用Seleniun中的By类定位元素
2024-08-31 09:24:57
我们还可以通过Seleniun测试框架中的By
类,来实现页面中的元素定位。
1、使用By
定位的前提
需要导入By
类:
from selenium.webdriver.common.by import By
2、By
定位的方法
# 1. 通过元素的id属性进行定位。
find_element(By.ID, "id属性值")
# 2. 通过元素的name属性进行定位。
find_element(By.NAME, "name属性值")
# 3. 通过元素的class属性进行定位。
find_element(By.CLASS_NAME, "class属性值")
# 4.通过元素标签进行定位。
find_element(By.TAG_NAME, "标签名")
# 5. 通过超链接中全部文字定位超链接。
find_element(By.LINK_TEXT, "完整超链接文本")
# 6. 通过超链接中部分连续文字定位超链接。
find_element(By.PARTIAL_LINK_TEXT, "部分超链接文本")
# 7. 通过XPath定位元素。
find_element(By.XPATH, "XPath路径表达式")
# 8. 通过css选择器定位元素。
find_element(By.CSS_SELECTOR, "css选择器定位策略")
By
定位与8种基本定位方法类比:
基本定位方法 | 等同于By定位 |
---|---|
by_id |
find_element(By.ID," ") or ("id"," ") |
by_name |
find_element(By.NAME," ") or ("name", " ") |
by_class_name |
find_element(By.CLASS_NAME," ") or ("class name", " ") |
by_tag_name |
find_element(By.TAG_NAME," ") or ("tag name", " ") |
by_link_text |
find_element(By.LINK_TEXT," ") or ("link text", " ") |
by_partial_link_text |
find_element(By.PARTIAL_LINK_TEXT," ") or ("partial link text", " ") |
by_xpath |
find_element(By.XPATH," ") or ("xpath", " ") |
by_css_selector |
find_element(By.CSS_SELECTOR," ") or ("css selector", " ") |
这种方式只要统一写
find_element(by_***,"字符串")
就好,也很方便。看个人习惯使用。
3、By
定位的使用
页面代码片段如下:
<!DOCTYPE html>
<html lang="zh-cn">
<body>
<div id="zc">
<legend>注册用户A</legend>
<p id="p1">
<label for="userA">账号A</label>
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
</p>
<p>
<label for="password">密码A</label>
<input type="password" name="passwordA" id="passwordA" placeholder="密码A" value="">
</p>
<p><a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a></p>
<input type="emailA" name="emailA" id="emailA" placeholder="电子邮箱A" value="">
</div>
</body>
</html>
脚本代码:
# 1.导入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os
# 2.打开浏览器
driver = webdriver.Chrome()
# 3.打开页面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)
# 4.定位目标元素
# 4.1 通过id属性定位页面中账号A输入框
# 写法一
element_id_1 = driver.find_element(By.ID, "userA")
print(element_id_1.get_attribute("outerHTML"))
# 写法二
element_id_2 = driver.find_element("id", "userA")
print(element_id_2.get_attribute("outerHTML"))
# 4.2 通过name属性定位页面中账号A输入框
# 写法一
element_name_1 = driver.find_element(By.NAME, "userA")
print(element_name_1.get_attribute("outerHTML"))
# 写法二
element_name_2 = driver.find_element("name", "userA")
print(element_name_2.get_attribute("outerHTML"))
# 4.3 通过class属性定位页面中账号A输入框
# 写法一
element_class_1 = driver.find_element(By.CLASS_NAME, "c_uA")
print(element_class_1.get_attribute("outerHTML"))
# 写法二
element_class_2 = driver.find_element("class name", "c_uA")
print(element_class_2.get_attribute("outerHTML"))
# 4.4 通过tag_name定位页面中账号A输入框
# 写法一
element_tag_name_1 = driver.find_element(By.TAG_NAME, "input")
print(element_tag_name_1.get_attribute("outerHTML"))
# 写法二
element_tag_name_2 = driver.find_element("tag name", "input")
print(element_tag_name_2.get_attribute("outerHTML"))
# 4.5 通过link_text定位页面中超链接
# 写法一
element_link_text_1 = driver.find_element(By.LINK_TEXT, "访问 新浪 网站")
print(element_link_text_1.get_attribute("outerHTML"))
# 写法二
element_link_text_2 = driver.find_element("link text", "访问 新浪 网站")
print(element_link_text_2.get_attribute("outerHTML"))
# 4.6 通过partial_link_text定位页面中超链接
# 写法一
element_partial_link_text_1 = driver.find_element(By.PARTIAL_LINK_TEXT, "问 新浪")
print(element_partial_link_text_1.get_attribute("outerHTML"))
# 写法二
element_partial_link_text_2 = driver.find_element("partial link text", "问 新浪")
print(element_partial_link_text_2.get_attribute("outerHTML"))
# 4.7 通过XPath定位页面中账号A输入框
# 写法一
element_xpath_1 = driver.find_element(By.XPATH, "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))
# 写法二
element_xpath_1 = driver.find_element("xpath", "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))
# 4.8 通过css_selector定位页面中账号A输入框
# 写法一
element_css_selector_1 = driver.find_element(By.CSS_SELECTOR, "input#userA")
print(element_css_selector_1.get_attribute("outerHTML"))
# 写法二
element_css_selector_2 = driver.find_element("css selector", ".c_uA")
print(element_css_selector_2.get_attribute("outerHTML"))
# 5.关闭浏览器
driver.quit()
"""
输出结果:
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a>
<a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a>
<a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a>
<a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a>
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
"""
4、复数形式的示例
(1)语法:
同单数差不多,就是find_element
换成了find_elements
,结果会返回一个元素列表结果集<list>
。
# 1. 通过元素的id属性进行定位。
find_elements(By.ID, "id属性值")
# 2. 通过元素的name属性进行定位。
find_elements(By.NAME, "name属性值")
# 3. 通过元素的class属性进行定位。
find_elements(By.CLASS_NAME, "class属性值")
# 4.通过元素标签进行定位。
find_elements(By.TAG_NAME, "标签名")
# 5. 通过超链接中全部文字定位超链接。
find_elements(By.LINK_TEXT, "完整超链接文本")
# 6. 通过超链接中部分连续文字定位超链接。
find_elements(By.PARTIAL_LINK_TEXT, "部分超链接文本")
# 7. 通过XPath定位元素。
find_elements(By.XPATH, "XPath路径表达式")
# 8. 通过css选择器定位元素。
find_elements(By.CSS_SELECTOR, "css选择器定位策略")
(2)练习:
页面代码片段如下:
<!DOCTYPE html>
<html lang="zh-cn">
<body>
<div id="zc">
<legend>注册用户A</legend>
<p id="p1">
<label for="userA">账号A</label>
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
</p>
<p>
<label for="password">密码A</label>
<input type="password" name="passwordA" id="passwordA" placeholder="密码A" value="">
</p>
<p><a href="http://www.sina.com.cn" id="fwA">访问 新浪 网站</a></p>
<input type="emailA" name="emailA" id="emailA" placeholder="电子邮箱A" value="">
</div>
</body>
</html>
脚本代码:
# 1.导入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os
# 2.打开浏览器
driver = webdriver.Chrome()
# 3.打开页面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)
# 4.定位目标元素
# 4.1 通过id属性定位页面中账号A输入框
# 写法一
element_id_1 = driver.find_elements(By.ID, "userA")
for element in element_id_1:
print(element.get_attribute("outerHTML"))
# 写法二
element_id_2 = driver.find_elements("id", "userA")
for element in element_id_2:
print(element.get_attribute("outerHTML"))
# 5.关闭浏览器
driver.quit()
"""
输出结果:
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="账号A" required="" value="">
"""
最新文章
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
- SQL Server-分页方式、ISNULL与COALESCE性能分析(八)
- [整理]AngularJS学习资源
- C# using 三种使用方式
- Mac OS X 系统下自带的文本文件格式转换工具iconv
- SecureCRT连接linux设置vim显示颜色
- WAF绕过神器 (过安全狗、智创SQL注入)
- Android -- 创建桌面快捷方式
- gridview 绑定方法中带参数
- node-firefox 二三事
- MRC和ARC混编
- 判断sqlserver对象是否存在
- 《java入门第一季》之HashSet小案例:获取10个1至20的随机数,要求随机数不能重复
- 虚拟机centos无法连接外网时怎么处理
- 协程的NullReferenceException 错误
- Centos7上部署openstack mitaka配置详解(将疑难点都进行划分)
- 注解实现struts2零配置
- discuz回贴通知插件实现-用户状态设置
- 高中生的IT之路-1.1自序
- 【Xamarin】Visual Studio 2013 Xamarin for iOS 环境搭建
热门文章
- 纯vue3实现的svg可视化web组态编辑器。主要用于物联网mqtt实时系统图
- n皇后问题的递归和迭代版 leetcode N-Queens
- Spring Cloud Gateway之全局异常拦截器
- 用python输出未来时间,递增
- 一文搞懂spring的常用注解
- 【例 3】 修改 bols 文件的 atime 和 mtime。 [root@localhost ~]# touch -d ";2017-05-04 15:44"; bols
- 10.14 ssh:安全地远程登录主机
- RabbitMQ 集群原理
- 浅谈:@RequestBody,@ResponseBody 和 @RequestParam
- Python中PyQuery库的使用