Selenium之元素定位

最新推荐文章于 2024-07-16 14:25:25 发布
最新推荐文章于 2024-07-16 14:25:25 发布
阅读量297 收藏
点赞数
分类专栏： Web Automation Selenium-Java 自动化测试 文章标签： selenium xpath 定位 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stone_wang123/article/details/105710994
版权

前言

对于使用Selenium来做Web自动化的人来说，元素定位是最基本也是最重要的部分了。只有定位到元素，才有对于元素的一系列操作。Selenium对页面元素的定位有两种方式：CSS Selector和XPath。本篇分享涉及如何在Selenium里面定位元素，并且奉上关于CSS Selector和XPath的详细解读。

CSS Selector与XPATH的区别

  1. XPATH 相对于CSS Selector在定位元素方面功能更强大，更具有灵活性，对于以下页面元素：
<h1>Welcome to My Homepage</h1>

CSS Selector “h1” 和XPATH"//*[contains(text(), ‘Welcome’)]"都可以定位到， 如果页面变了h1->h2，CSS Selector此时就定位不到这个元素了，但是XPATH仍然可以定位到。

  1. CSS Selector在性能方面要比XPATH好
  2. 并不是所有的浏览器都对XPATH提供原生支持引擎，比如说IE就没有XPATH引擎，Selenium在驱动IE是会插入自己的引擎以便与Selenium兼容
  3. CSS Selector在可读性方面要比XPATH好
  4. CSS Selector只能向前遍历，而XPATH既可以向前也可以向后遍历

元素定位实践

有以下页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald <span id="Lastname">Duck.</span></p>

<p id="my-Address">I live in Duckburg</p>

<p>I have many friends:</p>

</div>

<ul id="Listfriends>
<li>Goofy</li>
<li>Mickey</li>
<li>Daisy</li>
<li>Pluto</li>
</ul>
<p class="myquote">All my friends are great!<br>
But I really like Daisy!!</p>

<p lang="it" title="Hello beautiful">Ciao bella</p>

<h3>We are all animals!</h3>
<p><b>My latest discoveries have led me to believe that we are all animals:</b></p>

<div class="helpTable" style="width:220px;">
<span class="markup">&lt;table&gt;</span>
<ul style="display:none;"></ul>

<table cellpadding="2" cellspacing="2">
<tbody><tr>
<th style="background-color:#f1f1f1;">Name</th>
<th style="background-color:#f1f1f1;">Type of Animal</th>
</tr>
<tr>
<td style="background-color:#f1f1f1;">Mickey</td>
<td style="background-color:#f1f1f1;">Mouse</td>
</tr>
<tr>
<td style="background-color:#f1f1f1;">Goofey</td>
<td style="background-color:#f1f1f1;">Dog</td>
</tr>
<tr>
<td style="background-color:#f1f1f1;">Daisy</td>
<td style="background-color:#f1f1f1;">Duck</td>
</tr>
<tr>
<td style="background-color:#f1f1f1;">Pluto</td>
<td style="background-color:#f1f1f1;">Dog</td>
</tr>
</tbody></table>
<span class="markup">&lt;/table&gt;</span>
</div>

<div class="noSel newsletter" style="background-color:#99D6FF;border:1px solid #0099FF;padding:10px;">
<form>
 <h4>Subscribe to my newsletter:</h4>
 <div style="overflow:auto;">
  <div style="width:100px;float:left;">Name:</div><div style="width:180px;float:left;"><input type="text" style="width:150px" class="markup"></div>
    </div>
 <div style="overflow:auto;">
  <div style="width:100px;float:left;">E-mail:</div><div style="width:180px;float:left;"><input type="email" style="width:150px" class="markup" onchange="changeEmail(this)"></div>
    </div>
  <div class="noSel" style="margin-top:10px;">
   Female: <input name="rr" type="radio" id="rr1" checked="checked" style="outline:2px solid transparent">
   Male: <input name="rr" type="radio" id="rr2" style="outline:2px solid transparent">
   Other: <input name="rr" type="radio" id="rr3" disabled="disabled" style="outline:2px solid transparent">  
  </div>
  <h4>Newscategories:</h4>
 <div style="overflow:auto;">
  <div style="width:60px;float:left;">Ducks:</div><div style="width:20px;float:left;"><input id="cc1" type="checkbox" checked="checked" style="outline:2px solid transparent"></div>
    </div>
 <div style="overflow:auto;">
  <div style="width:60px;float:left;">Dogs:</div><div style="width:20px;float:left;"><input id="cc2" type="checkbox" style="outline:2px solid transparent"></div>
    </div>
 <div style="overflow:auto;">
  <div style="width:60px;float:left;">Humans:</div><div style="width:20px;float:left;"><input id="cc3" type="checkbox" style="outline:2px solid transparent"></div>
    </div>
 <div class="noSel" style="clear:both;"></div>
 <p class="noSel">Your lucky number (between 1 and 10): <input type="number" min="1" max="10" value="7" onchange="changeLuckyNumber(this)"></p>
 
</form>
</div>
</body>
</html>
  1. 定位id为“my Address”的p元素
<p id="my-Address">I live in Duckburg</p>
  • XPATH：//p[@id=‘my-Address’]
  • CSS Selector: #my-Address
Stone Wang渺沧海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Python爬虫（1）一次性搞定Selenium(新版)8种find_element元素定位方式
入佛门六根不净，入商场狼性不足
01-28 7万+
Python爬虫（1）一次性搞定Selenium(新版)8种find_element元素定位方式
Python+Selenium实现列表（tbody）数据的翻页获取
石头缝里的小松鼠（AlySam）
03-24 5596
Python+Selenium实现列表数据的翻页获取 涉及到的定位元素 1、列表表格tbody 2、列表总数据元素 3、分页数据元素 4、下一页图标/按钮元素 # while循环获取列表页面全部数据 def get_list_all_datas(self, table_tbody, total_num_loc, pagination, pagination_selected, next_page, doc=''): """ 参数说明 :
Selenium元素定位方法总结
热门推荐
mfsdmlove的博客
05-11 3万+
Selenium可以驱动浏览器完成各种操作，比如模拟点击等。要想操作一个元素，首先应该识别这个元素。人有各种的特征（属性），我们可以通过其特征找到人，如通过身份证号、姓名、家庭住址。同理，一个元素会有各种的特征（属性），我们可以通过这个属性找到这对象。 目录 一、元素的概念 （一）什么是元素？ （二）查看元素信息 二、元素定位方法 （一）根据id定位 （二）根据name定位 （三）通过class name定位 （四）根据tag定位 （五）通过link text定位 （六）通过parti
Selenium定位之tr/td表格数据获取
觉无期的博客
01-05 2万+
获取tr/td表格中的所有内容，思路如下： 1.首先或者到所有的tr行； 2.遍历行，对每个td列定位，并获取对应的text 3.利用list 保存text 并返回text def get_dept_list(self): row=self.driver.find_elements_by_tag_name('tr') list=[] ...
python selenium table_Selenium2 python自动化28-table定位
weixin_34160181的博客
02-03 130
标签内三、xpath定位table1.举个例子：我想定位表格里面的“selenium自动化”元素，这里可以用xpath定位：.//*[@id='myTable']/tbody/tr[2]/td[1]2.这里定位的格式是固定的，只需改tr和td后面的数字就可以了.如第二行第一列tr[2]td[1].对xpath语法不熟悉的可以看这篇Selenium2+python自动化7-xpath定位四、打印表格...
selenium 定位元素
jiachuan的博客
12-26 160
以百度搜索输入框为例，具体说明各个定位方式的用法： 注意点：第三行的元素是灰色的，该元素是不可定位到的，下方会说明。 1 <span class="bg s_ipt_wr quickdelete-wrap">2 <span class="soutu-btn"></span>3 <input id="kw" class="s_ipt" autocomplet...
Selenium元素定位
weixin_42378396的博客
10-17 1598
selenium 工具模拟用户行为，web端的UI层的自动化测试工具。最擅长做的事情就是模拟用户点击，输入内容等等。 引言： 自动化测试模拟用户操作，用户访问一个百度站点，找到搜索框，输入123，点击百度一下这个操作。全程都是用眼睛看的，人有思维； 那么自动化测试不像一样有眼睛去看，自动化测试需求识别HTML页面上的信息---也就是我们所说的元素；所以做自动化测试...
selenium之元素定位
12-10
selenium之元素定位，共八种定位方法，以百度搜索框为例子进行讲解
Selenium定位元素操作示例
09-20
主要介绍了Selenium定位元素操作,结合实例形式总结分析了Selenium通过ID、name、XPath、标签名称、类名等进行元素定位操作的相关实现技巧,需要的朋友可以参考下
Selenium元素定位的30种方式(史上最全)
09-16
以下是对Selenium元素定位的30种方式的详细说明： 1. `find_element_by_id()`：通过元素的ID属性定位，如`driver.find_element_by_id("kw")`，在百度搜索框的示例中，ID为"kw"。 2. `find_element_by_name()`：...
selenium处理元素定位点击无效问题
09-19
主要介绍了selenium处理元素定位点击无效问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
java selenium元素定位大全
09-01
【Java Selenium元素定位】在自动化测试领域，尤其是Web应用程序测试中，Selenium是一个不可或缺的工具。它提供了多种方法来定位页面上的元素，使得测试脚本能够有效地与网页交互。以下是对Selenium元素定位的详细...
selenium页面元素定位方法（4）——jQuery定位
vikeyyyy的博客
04-27 3482
jQuery介绍        jQuery是一个兼容多浏览器的JavaScript库，核心是write less，do more。jQuery定位方式实际上是调用jQuery库的查找功能，主要用于不能良好支持CSS定位方式的浏览器。如果页面本身就引入了jQuery库操作页面元素，实现一些复页面元素操作。jQuery实例        查找百度页面所有的链接元素。package cn.om.ele...
Python3+selenium+Chrome---获取表格(tbody)中数据(tr)的详细内容----a & td内容的获取
Alien-Hu
02-03 6772
文章目录0.业务需求1.表格内容的分步讲解2.代码分步讲解1）.获取所有行内容------tr的列表2）.获取某行所有字段------td的列表3）.获取第一行第一列内容------a的值4）.单纯td标签内容的获取3.核心代码 0.业务需求 如下页面，输入框支持关键字搜索，搜索完如果有内容的话，呈现如下截图效果。 UI自动化的过程中，需要获取所有搜索的结果，方便后续测试中做校验 本文重点在讲述获取表格信息 1.表格内容的分步讲解 通过如上截图，我们发现搜索的最终数据内容，是在&l
Selenium_获取相对坐标
weixin_33961829的博客
03-15 2317
&lt;html&gt; &lt;head&gt; &lt;title&gt;位置&lt;/title&gt; &lt;style&gt; .test { background: url("image/omeoclickimg.jpg"); } &lt;/style&gt; &l
selenium八大元素定位方法
m0_72740348的博客
09-22 6348
6、partial_link_text定位：find_element(By.PARTIAL_LINK_TEXT,'超链接部分文字')5、link_text定位：find_element(By.LINK_TEXT,'超链接文字')3、class定位：find_element(By.CLASS_NAME,'name属性值')7、css定位：find_element(By.CSS_SELECTOR,'css值')4、tag定位：find_element(By.TAG_NAME,'元素的标签值')
margin-top、top、以及position的总结
坐在那边看天空 的博客
08-27 4216
子元素的margin-top属性传递给父元素的问题      这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会  和其内部文档流中的第一个子元素的上边距重叠。 一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 ...
selenium webdriver定位iframe里的body方法
maoliran的博客
11-15 5285
1.iFrame有ID 或者 name的情况 //进入id=”frame1”的frame中，定位id=”div1”的div和id=”input1”的输入框。 dr.switchTo().frame(“frame1”); dr.findElement(By.id(“div1”)); dr.findElement(By.id(“input1”))2.如果一个iFrame既没有id，也没有name
python用selenium网页模拟时xpath无法定位元素解决方法2
最新发布
`Steven的博客
07-16 364
我们发现1721110144093这个数字在网页代码中是存在的，所以解决方法是使用正则定位抓取数字，然后拼接出xpath再用于定位元素。)精准定位数字的位置，由于网页代码中有多个重复内容，所以使用list容器，再使用data[1]，即list里的第一个元素，准确把数字提取出，然后拼接，就拿到最终的动态变化的xpath啦！本篇写第2种情况，就是xpath定位的元素中有变化的数字，比如wb这个上传视频的网址，“上传视频”的按钮，我们点击copy xpath后，得到的xpath是//
selenium确认元素定位
09-02
要使用Selenium确认元素定位，可以使用以下方法： 1. find_element_by_id: 使用元素的id属性进行定位。 2. find_element_by_name: 使用元素的name属性进行定位。 3. find_element_by_xpath: 使用元素的XPath进行定位。 4. find_element_by_css_selector: 使用元素的CSS选择器进行定位。 5. find_element_by_class_name: 使用元素的class属性进行定位。 6. find_element_by_tag_name: 使用元素的标签名进行定位。 例如，使用find_element_by_id方法来确认一个元素的定位，可以使用以下代码： ``` from selenium import webdriver # 初始化浏览器驱动 driver = webdriver.Chrome() # 打开网页 driver.get("https://www.example.com") # 使用id定位元素 element = driver.find_element_by_id("element_id") # 打印元素文本内容 print(element.text) # 关闭浏览器 driver.quit() ``` 这是使用Selenium确认元素定位的基本方法，你可以根据具体的需求选择合适的定位方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值