『心善渊』Selenium3.0基础 — 9、使用Seleniun中的By类定位元素

1、使用By定位的前提
2、By定位的方法
3、By定位的使用
4、复数形式的示例

我们还可以通过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="">

"""

『心善渊』Selenium3.0基础 — 9、使用Seleniun中的By类定位元素的更多相关文章

『心善渊』Selenium3.0基础 — 6、Selenium中使用XPath定位元素
目录 1.Selenium中使用XPath查找元素 (1)XPath通过id,name,class属性定位 (2)XPath通过标签中的其他属性定位 (3)XPath层级定位 (4)XPath索引定位 ...
『心善渊』Selenium3.0基础 — 28、unittest中测试套件的使用
目录 1.测试套件的作用 2.使用测试套件 (1)入门示例 (2)根据不同的条件加载测试用例(了解) (3)常用方式(推荐) 1.测试套件的作用在我们实际工作,使用unittest框架会有两个问题: ...
『心善渊』Selenium3.0基础 — 24、Selenium的expected_conditions模块详细介绍
目录 1.EC模块介绍 2.EC模块常用类 3.EC模块的使用 4.EC模块综合使用 (1)title_is(title)示例 (2)presence_of_element_located(locat ...
『心善渊』Selenium3.0基础 — 10、使用Seleniun定位页面元素归纳总结(超详细)
目录 1.Selenium中8种基本元素定位方式 (1)单数形式 (2)复数形式 2.By类定位的8种定位方式 (1)单数形式 (2)复数形式 3.XPath定位总结 (1)基础定位语法 (2)属性定 ...
『心善渊』Selenium3.0基础 — 11、Selenium对元素常用操作
目录 1.Selenium对元素常用操作 2.Selenium对元素的其他操作 1.Selenium对元素常用操作操作说明 click() 单击元素 send_keys() 模拟输入 clear( ...
『心善渊』Selenium3.0基础 — 12、Selenium操作鼠标和键盘事件
目录 (一)对鼠标的操作 1.鼠标事件介绍 2.ActionChains 类鼠标操作的常用方法 3.perform()方法 4.鼠标事件操作步骤 5.示例 (1)右键单击.左键双击 (2)鼠标拖拽动作 ...
『心善渊』Selenium3.0基础 — 1、Selenium自动化测试框架介绍
目录 1.Selenium介绍 2.Selenium的特点 3.Selenium版本说明 4.拓展:WebDriver与Selenium RC的区别 5.Webdriver工作原理 1.Seleniu ...
『心善渊』Selenium3.0基础 — 4、Selenium基础元素定位详解
目录 1.什么是元素定位 2.Selenium元素定位常用API (1)By_id 定位 (2)by_name 定位 (3)by_class_name 定位 (4)by_tag_name 定位 (5) ...
『心善渊』Selenium3.0基础 — 5、XPath路径表达式详细介绍
目录 1.XPath介绍 2.什么是XML 3.XML与HTML对比 4.为什么使用XPath定位页面中的元素 5.XPath中节点之间的关系 (1)节点的概念 (2)节点之间的关系类型 6.XPat ...
『心善渊』Selenium3.0基础 — 13、Selenium操作下拉菜单
目录 1.使用Selenium中的Select类来处理下拉菜单(推荐) 2.下拉菜单对象的其他操作(了解) 3.通过元素二次定位方式操作下拉菜单(重点) (1)了解元素二次定位 (2)示例: 页面中的 ...

随机推荐

JMM——Java内存模型抽象|八种同步操作|操作规则
JMM 调用栈&本地变量在线程栈上对象整体在堆上(包括其本地变量,不论类型),栈有其引用即可访问, 线程调用同一个对象时,是访问该对象的私有拷贝每个CPU有自己的高速缓存高速缓存存在意义 ...
table不能使用jQuery的slideDown的解决方法
table不能使用jQuery的slideDown的解决方法一个后台管理项目中遇到了如下场景要求父级栏目可以收纳子栏目,即折叠功能,而且要有过渡动画,不能太生硬. 它是用table来实现的,但是遇 ...
[刷题] PTA 6-10 阶乘计算升级版
要求: 实现一个打印非负整数阶乘的函数 N是用户传入的参数,其值不超过1000.如果N是非负整数,则该函数必须在一行中打印出N!的值,否则打印"Invalid input" 1 # ...
n/a或N/A是英语“不适用”（Not applicable）
n/a或N/A是英语"不适用"(Not applicable)等类似单词的缩写,常可在各种表格中看到. N/A比较多用在填写表格的时候,表示"本栏目(对我)不适用&quo ...
047.Python前端html
一 HTTP协议 1.1 HTTP请求 URL: 协议/IP:端口/路径?GET参数基于请求响应请求协议格式 GET URL路径?a=1&b=2 HTTP # 请求首行 user-age ...
Cron 定时任务命令-配置文件详解
定时任务定时任务的作用 1.系统级别的定时任务临时文件清理系统信息采集日志文件切割 2.用户级别的定时任务定时向互联网同步时间定时备份系统配置文件定时备份数据库的 ...
centos7 的Linux下ip命令替换ifconfig命令的用法
linux的ip命令和ifconfig类似,但前者功能更强大,并旨在取代后者.使用ip命令,只需一个命令,你就能很轻松地执行一些网络管理任务.ifconfig是net-tools中已被废弃使用的一个命 ...
CentOS7安装开发工具套件时报错解决方案
操作系统:CentOS 7.2 执行安装命令时显示以下信息: [root@DEV-CMDB-DB02 ~]# yum -y groupinstall "Development Tools&q ...
为何存在uwsgi还要使用nginx
nginx是对外的服务接口,外部浏览器通过url访问nginx,nginx接收到浏览器发送过来的http请求,将包解析分析url,如果是静态文件则直接访问用户给nginx配置的静态文件目录,直接返回用 ...
Git指令大全
仓库 # 在当前目录新建一个Git代码库 $ git init # 下载一个项目和它的整个代码历史 $ git clone [url] 配置 # 显示当前的Git配置 $ git config --l ...

『心善渊』Selenium3.0基础 — 9、使用Seleniun中的By类定位元素

1、使用By定位的前提

2、By定位的方法