selenium的八大元素定位方式

最新推荐文章于 2025-05-23 14:57:38 发布
最新推荐文章于 2025-05-23 14:57:38 发布
阅读量1.1k 收藏 9
点赞数 17
CC 4.0 BY-SA版权
文章标签： selenium 测试工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2402_83077043/article/details/143712394

目录

1.什么是元素定位？

2.查看元素信息

3.元素定位方法

3.1.id ： 根据标签/元素的id属性值定位

3.2.name：根据标签/元素的name属性值定位

3.3.class_name：根据标签/元素的class_name属性定位

3.4.tag_name：根据标签/元素的tag_name属性值定位

3.7.xpath：根据xpath表达式定位

3.8.css_selector：根据样式表达式进行定位

1.什么是元素定位？

元素：由标签头 + 标签尾 + 标签头和标签尾包括的文本内容；

元素的信息就是指元素的标签名及元素的属性；

元素的层级结构就是指元素之间相互嵌套的层级结构；

元素定位最终就是通过元素的信息或者元素的层级结构来进行元素定位；

总之，元素的某个特征在网页中找到对应的元素，定位元素的目的是为了操作元素，在Web自动化中，定位元素是后续一切操作的前提条件。

2.查看元素信息

在谷歌浏览器（Firefox等浏览器）中，选中元素，右键点击“检查”，即可在“Elements"中查看元素信息。

以百度首页搜索框为例，查看元素信息如下图所示：

3.元素定位方法

webdriver 提供了一系列的对象定位方法，常用的有以下8种：

id定位：根据id来获取元素，返回单个元素，id值一般是唯一的 ；
name定位：根据元素的name属性定位；
class_name定位：根据元素的样式class值定位；
tag_name定位：根据元素的标签名来定位；
link_text定位：根据超链接的文本值定位；
partail_link_text定位：根据超链接的部分文本值定位；
xpath定位：通过元素的路径、属性定位；
css定位：css选择器定位；

我们创建浏览器对象并访问百度首页，以百度首页为例，讲解如何定位元素。

3.1.id ： 根据标签/元素的id属性值定位

一般情况下元素的id是唯一的，所以通过这个方法可以很轻松地找到元素。

定位方法：find_element_by_id(id)

不能通过id定义的情况

···id是动态变化的
···不存在id
···id的属性值不唯一
···id中有数字不用

3.2.name：根据标签/元素的name属性值定位

一般情况下元素的名称也是唯一的，所以通过名称可以找到元素。

定位方法：find_element_by_name(name)

3.3.class_name：根据标签/元素的class_name属性定位

根据元素的类名定位元素，需要注意的是作为定位条件的类名必须是唯一的，否则会定位不到想找的元素，当元素有多个类名时， 选择其中一个唯一的类名来定位

定位方法：find_element_by_class_name(class_name)-------注意，这里面只能使用class其中的一个属性值。

3.4.tag_name：根据标签/元素的tag_name属性值定位

根据元素的标签名称来定位元素，因为一个页面上往往有多个同名的标签，所以这种方法的局限性较大。这个方法返回值的类型是一个webelement对象。

定位方法：find_element_by_tag_name(tag_name)

根据元素的链接文本来定位元素，适用于超链接元素，超链接元素的标签是a，在一个页面上，超链接文本一般是唯一的。返回值是一个WebElement对象

定位方法：find_element_by_text_link

根据元素的链接文本的一部分来定位元素，要注意选取的部分文本要唯一，否则定位不到需要找的元素。

定位方法：find_element_by_partial_link_text

3.7.xpath：根据xpath表达式定位

特殊符号表示的含义:

/ ：表示根或者子节点

//：任意节点

@ ：表示当前的节点的对象

* ：表示通配符，只针对标签名

[ ]：相当于过滤器

定位方法：find_element_by_xpath(xpath)

(1)、绝对路径

根据网页中的层级目录递进进行查找对应元素。

(2)、//标签名[@属性名=属性值]

把相对路径和属性结合起来查找对应元素。

(3)、//标签名[text()=值]

如果一个标签有文本，并且文本在页面中是唯一的，可以通过指定文本来定位元素。

(4)、//标签名[contains(@ 属性，值)]

根据标签中包含的部分内容来定位。

(5)、//标签名[starts-with(@ 属性，值)]

根据标签中开头的部分内容来定位。

(6)、//标签名[@ 属性名1=值1 and @ 属性名2=值2]

如果通过一个属性不能准确地定位到元素，可以使用逻辑运算符and来指定多个属性定位元素。

(7)、//标签[@ 属性名=值]/标签名[n]

当通过一个属性不能准确地定位到元素，可以使用逻辑运算符and来指定多个属性来定位元素。

(8)、//标签名[ends-with(@ 属性，值)]------已被移除

3.8.css_selector：根据样式表达式进行定位

(1)、#id：用元素的id属性进行定位

# 创建浏览器对象driver
# 定位百度一下输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("python")

(2)、 .class . class：以元素的类名进行定位

如果元素有一个class属性，就通过.class进行定位

如果元素有多个class属性，class类名之间用.来连接

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, ".s_ipt").send_keys("python")
 
#定位百度一下按钮，这个元素有多个class值，可以指定多个类名定位，也可以选择其中一个唯一的类名来定位
driver.find_element(By.CSS_SELECTOR, ".bg.s_btn").click()

(3)、标签名：以元素的标签的名称进行定位

直接写标签名，前面不需要加任何符号

一般结合其他属性使用

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "input").send_keys("python")

(4)、标签名#id：以元素的标签名的名称和id属性进行定位

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "input#kw").send_keys("python")

(5)、标签名.class：以元素的标签名的名称和class属性进行定位

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "input.s_ipt").send_keys("python")

(6)、[属性名=值]：以属性的值进行定位

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "[name='wd']").send_keys("python")

(7)、[属性名1=值1][属性名2=值2]：以属性1的值1和属性2的值2进行定位

# 创建浏览器对象driver
# 定位百度输入框，输入Python
driver.find_element(By.CSS_SELECTOR, "[name='wd']").send_keys("python")

(8)、标签名[属性名=值]：以属性等于一个值进行定位；

标签名[属性名1=值1][属性名2=值2]：多个属性值进行定位

# 创建浏览器对象driver
# 标签和单个属性值进行定位，并发送值
driver.find_element(By.CSS_SELECTOR, "input[name='wd']").send_keys("python")
 
# 标签和多个属性值进行定位，并发送值
driver.find_element(By.CSS_SELECTOR, "input[name='wd']").send_keys("python")

(9)、标签名[属性名*=值]：以属性包含一个值进行定位

# 创建浏览器对象driver
# 定位百度一下按钮，点击
driver.find_element(By.CSS_SELECTOR, "input[value*='百度']").click()

(10)、标签名[属性名^=值]：以属性的开始值进行定位

 # 创建浏览器对象driver
# 定位百度一下按钮，并点击
driver.find_element(By.CSS_SELECTOR, "input[value^='百度']").click()

(11)、标签名[属性名$=值]：以属性的结束值进行定位

# 创建浏览器对象driver
# 定位百度一下按钮，并点击
driver.find_element(By.CSS_SELECTOR, "input[value$='一下']").click()

(12)、标签名 > 子标签[属性名$=值] + 兄弟标签名

# 创建浏览器对象driver
driver.find_element(By.CSS_SELECTOR, '#s-top-left>a[href$="tieba.baidu.com/"] + a').click()

(13)、定义兄弟标签

a、标签名 > 子标签 ：first-child

        定位标签下该子标签的第一个子标签

# 创建浏览器对象driver
# 定位百度输入框所在目录下的的第一个标签，输入Python
# 使用fist-child
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:first-child").send_keys("Python")

b、标签名 > 子标签 ：nth-child(n)

        定位标签下该子标签的第n个子标签

# 创建浏览器对象driver
# 定位百度输入框，输入Python
# 使用nth-child(n)
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:nth-child(2)").send_keys("Python")

c、标签名 > 子标签 ：last-child

        定位标签下该子标签的最后一个子标签-----慎用

# 创建浏览器对象driver
# 定位百度输入框，输入Python
# 使用last-child
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:last-child").send_keys("Python")


 

〖Python WEB 自动化测试实战篇⑤〗- selenium 元素定位详解 - (八大元素定位方式)
易编橙 · 终身成长社群，相遇已是上上签！
06-07 4万+
测试对象的定位和操作是我们利用 selenium 编写自动化脚本和 webdriver 的核心内容，其中 "操作" 这一部分又是建立在 "selenium" 元素定位的基础之上的。所以对元素对象的定位就显得越发的重要，接下来我们就学习一下常用的元素定位方法有哪些。......
selenium自动化测试八大元素定位详细介绍
qq_44936395的博客
03-18 782
在Selenium自动化测试中，元素定位是核心操作之一。Selenium提供了多种元素定位方式，以下是八大元素定位方法的详细介绍，包括原理、使用场景和代码示例。@TOC 1. ID定位 原理：通过HTML元素的id属性定位，id通常是唯一的。 使用场景：当元素有唯一id时，优先使用。 代码示例： from selenium import webdriver driver = webdriver.Chrome() driver.get(“https://example.com”) element = driv
【Selenium】Selenium自动化入门之八大元素定位
热门推荐
Chaqian的博客
11-08 1万+
前文已经学会如何简单地使用webderiver了，这篇就交自动化测试入门必备元素定位的技巧 不管是web端使用Selenium还是app端使用Appium，只要是UI测试，就逃不掉元素定位这个技能 可以说如何定位元素，将定型一个测试人员的测试思维 本章将带大家如何用firebug插件来检查页面中的元素 此外还做了一份Chrome浏览器如何检查元素和IE浏览器如何检查元素的文档，需要的可以点击并输入暗号：CSDN获取 书接前文：【Selenium】selenium自动化入门之webdriver框架使用 a
Selenium元素定位的8种核心方法详解
最新发布
w2361734601的博客
05-23 1102
元素有稳定ID时首选（如登录用户名输入框）。HTML元素的唯一身份证，定位速度最快。依赖name属性，适合表单元素定位。
selenium元素八种定位方法
开摆
01-31 9000
元素定位8中方式IdNameLink textTag NameClass NameXpath。
Selenium 八种元素定位方法
weixin_33928137的博客
05-25 690
前言： 我们在做WEB自动化时，最根本的就是操作页面上的元素，首先我们要能找到这些元素，然后才能操作这些元素。工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素。那么我们怎么来定位他们呢？ 在学习元素定位之前，我们最好能懂一点html的知识。 一、查看页面元素 用谷歌浏览器打开百度首页，点击右上角>更多工具>开发者工具，就可以看到整个页面的html代码了 ...
Selenium八大元素定位法
m0_73890953的博客
06-10 2203
八大元素定位方法ID、NAME、CLASS_NAME 、Tag_NAME 这个四个根据元素标签和元素数据进行定位。LINK_TEXT、PARTIAL_LINK_TEXT(模糊)这两个根据链接文本进行定位（a标签）。XPATH：元素路径的定位CSS:css选择器定位（样式定位）如何在网页中查看元素？以百度为例，首先进入百度首页，右键点击检查（或者按F12），这样我们就来到页面元素查看界面，如下图。如何查看定位元素属性？
Selenium八大元素定位及相对定位器
司小幽
07-15 875
本文主要介绍了Selenium八大元素定位方式，包括:ID、Name、tagName、className、link text、partial link text、css selector、xpath以及Selenium4中的相对定位器。
Selenium八大元素定位方法
lvan_test的博客
09-23 373
Selenium八大元素定位方法） 从源码中可查看，有八种元素定位方式，如下： ID = "id" XPATH = "xpath" LINK_TEXT = "link text" PARTIAL_LINK_TEXT = "partial link text" NAME = "name" TAG_NAME = "tag name" CLASS_NAME = "class name" CSS_SELECTOR = "css selector" 通过id定位元素 <input type="subm
自动化测试代码演示之八大元素定位方式（python3.10.5+selenium4.8.0）
02-04
元素的定位是自动化测试核心。要操作一个对象，首先要识别定位或找到这个对象。为了实现网页整体布局，我们先要知道，一...该资源为八大元素定位方式的代码演示实例，具体请参考我的博客文章写的“八大元素定位方式”。
Selenium八种定位元素
12-09
Selenium八种定位元素
实现元素定位：掌握Selenium八大定位方法
是小辰
08-04 2223
xpath是通过路径的方式获得元素的,一般通过id和name的方式获得元素位置，这是非常简单的，但有时我们无法获得id和name，就可以通过xpath，xpath基本上可以获得任何元素的精准位置，但是获得的速度相对来说比较慢，而且使用xpath获得元素位置，当页面进行修改，元素位置发生改变，我们前面的脚本有时就需要修改，所以页面如果频繁较大修改，可以减少xpath的使用。其他四种就和它们的名字相同，大家可以自行尝试一下。2.可以打开元素，进行查找，也可以点击左上角箭头，再点击web页面上需要的元素，如图。
selenium八大元素定位方法
q1011334002的博客
12-18 5213
一、id定位 driver.find_element_by_id(“txtUaserName”).send_keys(“参数”) 二、name定位 driver.find_element_by_name(“username”).send_keys(“参数”) 三、class定位 driver.find_element_by_class_name(“参数”) 四、tag定位 driver.find_element_by_tag_name(“参数”) 五、link定位 driver.find_element_b
Selenium基础篇之八大元素定位方式
软件测试技术分享官
07-15 1379
使用selenium IDE打开我们要获取元素的页面，在该页面进行的一系列操作都记录下来，找到点击首页toolbar输入框的这一步，Target中有获取该元素的各种方式。
基于python的selenium- Xpath 和 Css定位
qq_53132084的博客
02-24 813
Xpath常用的定位策略： 1. 路径 1). 绝对路径： 语法：以单斜杠开头逐级开始编写，不能跳级。如：/html/body/div/p[1]/input 2). 相对路径 语法：以双斜杠开头，双斜杠后边跟元素名称，不知元素名称可以使用*代替。 如： //input ...
Selenium总共有八种定位方法
yeeouo的博客
04-16 921
/navigate方法会产生1个Navigator对象，其封装了与导航相关的一些方法，比如前进后退等 // 2.浏览器最大化： window().maximize() driver.manage().window().maximize();//定位对象时给 10s 的时间, 如果 10s 内还定位不到则抛出异常 driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
Selenium八大定位元素
weixin_43674606的博客
12-16 1093
Selenium八大定位元素： Id、name、class_name、link_text、partial_link_text、css_selector、xpath、tag_name。 1、Id定位： 或者ctrl+shift+i； 执行，可以看到运行结果： 2、name定位： 在1的基础上，查看name的id； 执行： 运行成功。 3、class name定位： 在2的基础上，查...
selenium八大元素定位
05-25
Selenium中常用的八大元素定位方法如下： 1. 通过ID定位元素：使用`driver.find_element_by_id()`方法，例如：`driver.find_element_by_id(&#39;element_id&#39;)` 2. 通过Name定位元素：使用`driver.find_element_by_name()`方法，例如：`driver.find_element_by_name(&#39;element_name&#39;)` 3. 通过Class Name定位元素：使用`driver.find_element_by_class_name()`方法，例如：`driver.find_element_by_class_name(&#39;class_name&#39;)` 4. 通过Tag Name定位元素：使用`driver.find_element_by_tag_name()`方法，例如：`driver.find_element_by_tag_name(&#39;tag_name&#39;)` 5. 通过Link Text定位元素：使用`driver.find_element_by_link_text()`方法，例如：`driver.find_element_by_link_text(&#39;link_text&#39;)` 6. 通过Partial Link Text定位元素：使用`driver.find_element_by_partial_link_text()`方法，例如：`driver.find_element_by_partial_link_text(&#39;partial_link_text&#39;)` 7. 通过CSS Selector定位元素：使用`driver.find_element_by_css_selector()`方法，例如：`driver.find_element_by_css_selector(&#39;css_selector&#39;)` 8. 通过XPath定位元素：使用`driver.find_element_by_xpath()`方法，例如：`driver.find_element_by_xpath(&#39;xpath_selector&#39;)`
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

测试小小怪下士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值