selenium各种类型xpath元素定位汇总

朴灿烈づ我的快乐病毒、 2022-12-04 07:58 228阅读 0赞

### 文章目录 ###

*  html 标签样例
 *  基本规则
 *  简单使用
 *  查找第几个
 *  依据文本查找
 *  多个 class 如何定位
 *  定位同层级相邻元素
 *  xpath 定位技巧

# html 标签样例 #

<div class="a">
    	<div class="b c">
    		<div></div>
    		<a>helloworld</a>
    		<div></div>
    	</div>
    </div>

# 基本规则 #

`/`表示一个层级关系，`//`表示多个层级关系  
`@`表示 html 标签的属性，比如`@class`  
`[]`中可以写匹配上的具体属性等信息  
`[数字]`可以表示所有匹配到的元素中第几个，`[last()]`表示最后一个，`[last()-1]`表示倒数第二个  
支持使用`()`，表示先看成一个整体  
`*`表示任意 html 标签，比如说使用`//*`  
支持`and`连接，如 contains() 函数包含某个且另一个 contains() 包含什么  
`/..`支持定位上一层级

# 简单使用 #

我想匹配到 a 标签

//div[@class='a']/div/a

# 查找第几个 #

xpath 匹配默认匹配第一个

现在假如可以匹配多个，我想查找最后一个

(//div/div/a)[last()]

假如我要查找倒数第二个

(//div/div/a)[last()-1]

查找第二个

(//div/div/a)[2]

# 依据文本查找 #

依据文本精确匹配

//a[text()='helloworld']

依据文本部分匹配

//a[contains(text(), 'hello')]

如果 a 标签中不是纯文本，而是有一些其他乱七八糟的元素包裹，然后再是中文呢，可以使用 string() 将 a 标签中所有的东西都替换成字符串

//a[contains(string(), 'hello')]

# 多个 class 如何定位 #

常见的比如说 class 属性有多个，比如上面的例子中第二个 div 中既有 b class 又有 c class

//div/div[contains(@class, 'c')]/a

# 定位同层级相邻元素 #

先说明一些`/..`的形式表示定位到上一层级

假如我现在想定位到 a 标签同层的上面那个 div

//a[text()='helloworld']/preceding-sibling::div[1]

这个数字 1 表示紧紧相邻的上面的第一个

假如我现在想定位到 a 标签同层的下面的那个 div

//a[text()='helloworld']/following-sibling::div[1]

数字 1 同理

# xpath 定位技巧 #

掌握上面的 xpath 定位方法已经足够我们工作的时候用了，若工作中还是碰到了一些非常偏的定位元素，那就只得临时去百度搜一下了O(∩\_∩)O哈哈~

下面介绍一些自己在 xpath 定位上的心得：

1.  能使用 id 识别直接使用 id，因为 id 唯一
2.  除了 id，name 属性也是一个很好的选择
3.  class 也行，但是 class 是有很多重复的，使用 class 注意标签元素以及层级关系，尽量使用一个与页面结构一致的层级关系，这种层级关系能够让你在页面上也很容易去识别
4.  尽量少使用文本去定位，因为文本的变动性太强
5.  尽量少用第几个这样的方式定位，因为页面变动，xpath 也不稳定

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 selenium.元素定位

八种定位元素的方式 1. 通过id定位元素：find\_element\_by\_id("id\_vaule") 2. 通过name定位元素：find\_elemen

骑猪看日落/ 2022年12月16日 09:15/ 0 赞/ 217 阅读

相关 selenium中cssSelector元素定位汇总

文章目录基本规则举例子 ![在这里插入图片描述][20200908113344142.png_pic_center] 基本规则 ``用作标

水深无声/ 2022年12月04日 15:58/ 0 赞/ 174 阅读

相关 selenium各种类型xpath元素定位汇总

文章目录 html 标签样例基本规则简单使用查找第几个依据文本查找多个 class 如何定位定位同层级相邻元素

朴灿烈づ我的快乐病毒、/ 2022年12月04日 07:58/ 0 赞/ 229 阅读

相关 Selenium使用Xpath定位元素及实例(2)

1. 元素属性@ ①查找有id属性的B元素，//B\[@id\] ![这里写图片描述][SouthEast] ②查找id=”pwd”的B元

旧城等待，/ 2022年06月14日 04:09/ 0 赞/ 182 阅读

相关 Selenium使用Xpath定位元素及实例(1)

1. 绝对路径/ 例子：①查找根元素，即/A(红色) ②查找A下面的C元素，即/A/C（绿色） ③查找A下面D的子元素B,即/A/D/B（

￡神魔★判官ぃ/ 2022年06月14日 03:50/ 0 赞/ 189 阅读

相关 selenium中，用xpath定位当前元素的相邻元素/兄弟元素

【背景】在定位页面元素时，有时候需要根据某个元素特征，去定位其相邻元素/兄弟元素，或者定位其父元素的兄弟元素（或叔伯元素的子元素）。这里引入xpath的两个定位方法： p

怼烎@/ 2022年06月09日 09:28/ 0 赞/ 580 阅读

相关 XPATH元素定位

XPATH是在XML中进行元素定位的一种强大工具。在网络爬虫中大量使用。比如下面的文档： <table width="98%" cellpadding="3" c

柔光的暖阳◎/ 2022年06月06日 13:57/ 0 赞/ 202 阅读

相关 selenium元素定位-css定位

一、css定位元素： 1. 方法：find\_element\_by\_css\_selector() 2. 根据id属性定位——\id 3. 根据class属性定

Love The Way You Lie/ 2022年04月03日 10:14/ 0 赞/ 326 阅读

相关 selenium元素定位

文章目录一、元素定位的方式二、元素定位实例 1、用id定位： 2、用

深碍√TFBOYSˉ_/ 2022年04月03日 10:11/ 0 赞/ 327 阅读

相关 selenium的xpath定位

绝对路径： Xpath的绝对路径使用单斜线 "/" 元素是上一节点的子节点中的一个，不能跳级，查找到的元素紧挨着上面一个元素相对路径： Xpath的相对路径用 "//

谁借莪１个温暖的怀抱￠/ 2021年12月15日 01:45/ 0 赞/ 264 阅读