『心善渊』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)示例: 页面中的 ...

随机推荐

mybatis新手快速搭建成功详细操作
1.数据库建表在数据库中新建一个名为mybatis的数据库,在mybatis数据库中新建一张 t_user 表,表中有3个字段,id,name,password,代码如下: 新建一个mybatis数 ...
[知识路书]beta设计和计划
[知识路书]beta设计和计划一.需求再分析根据用户反馈,是否发现之前的需求分析有偏差?为什么会出现这种偏差?beta阶段你们是否能真的分析清楚用户需求?如何做到? 根据alpha阶段的推广情况以 ...
BUAA-OO-第四单元总结——终章
面向对象第四单元博客总结--终章第四单元作业设计第13次作业设计类和对应方法属性设计类设计如下图所示本次作业主要涉及六个类,其中包括主类 Main ,通用Map类 UmlElementIdM ...
Fiddler抓包工具使用记录
前言 Fiddler是一款强大的Web调试代理工具,又称抓包软件,本文记录如何使用Flidder进行抓包 Fiddler官网:https://www.telerik.com/fiddler 下载安装 ...
【大白话 mysql】mysql 事务与日志原理
在后端面试中,mysql是比不可少的一环,其中对事务和日志的考察更是"重灾区", 大部分同学可能都知道mysql通过redolog.binlog和undolog保证了sql的事务性 ...
『动善时』JMeter基础 — 22、JMeter中实现参数化（CSV）
目录 1.参数化的定义 2.什么情况下需要用到参数化 3.JMeter实现参数化的方式 4.CSV数据文件设置界面详细说明 (1)CSV数据文件设置组件界面说明 (2)补充说明:Recycle on ...
[Python] 网络
1.应用概念应用层(Application Layer):将原始信息进行规范化描述,进而通过标准化接口与传输层对接传输层(Transport Layer):实现信息的切分和重组,以及应用程序间的对 ...
搞清楚硬件环境 os环境网络环境搞清楚测试工具测试步骤自己搭测试环境自测
1,遇事的第一反应要从变化情绪转变为做出判断.判断什么?判断这一件事对自己是否重要,是否关乎我的个人利益,是否影响我的人际关系等等等等.如果答案都是否,那就没必要着急忙慌了.如果答案是是冷静,其实是 ...
【山外笔记-工具框架】SVN版本控制系统
[山外笔记-框架工具]SVN版本控制系统学习资料: 1.本文打印版下载地址:[山外笔记-框架工具笔记]SVN版本控制工具-打印版.pdf 2.SVN和TortoiseSVN在线中文文档:http:/ ...
docker总结复习
一.概念 1.容器( container-based )虚拟化方案,充分利用了操作系统本身已有的机制和特性,以实现轻量级的虚拟化(每个虚拟机安装的不是完整的虚拟机),甚至有人把他称为新一代的虚拟化技术 ...

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

1、使用By定位的前提

2、By定位的方法