Selenium页面元素定位方式:Xpath基础篇


什么是XPath?
在这里插入图片描述
XPath路径表达式
XPath使用路径表达式来选取XML文档中的节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。

1、类型选择器
//A

根据其类型选择元素,类型是指标签的类型,<div>,<p>与<ul>都是不同的元素类型:
//div 选择全部<div>元素
在这里插入图片描述
2、属性选择器

’’‘选择带有属性的元素’’'
选择具有id属性的元素://*[@id=‘元素 ID’]
在这里插入图片描述
还有可以将ID选择器与类型选择器组合在一起。对所有属性进行操作。class,name,placeholder。
在这里插入图片描述3、子选择器

’’‘选择元素的直接子元素’’'
//A/B

可以选择其他元素的直接子元素,子元素时直接嵌套在另一个元素中的元素(嵌套更深的元素称为后代元素)。
在这里插入图片描述
例://form[@id=‘form’]/input,选取属于id="form"的form元素的子元素中所有<input>元素:
在这里插入图片描述
4、类选择器

’’‘通过类选择元素’’'
//A[contains(@Attribute,‘value’)]

选择器选择包含给属性值的所有元素。元素只能有一个ID,但可能包含许多类。
例://*[contains(@class,‘index_nav’)],指定部分包含信息"index_nav",选择class包含"index_nav"的所有元素:
在这里插入图片描述
可以跟类型选择器组合:
例://button[contains(@class,‘el-carousel__arrow’)]
在这里插入图片描述
5、连接符

’’‘通过在路径表达式中使用’|‘连接运算符,可以选取若干个路径’’'
//A | //B

例子://button[contains(@class,‘el-carousel__arrow’)] | //div[@id=‘floor-www-index_558’]
在这里插入图片描述
6、索引选择器

’’‘在给定索引处选择元素’’'
(A)[Index]

可以从xpath结果中选择特定元素。
例://button[1],选择定位第一个button元素

7、最后一个选择器

选择一堆元素内的最后一个元素
last()

例:
//div[last()],选择最后一个<div>元素
//div/*[last()],选择<div>元素中最后一个元素
在这里插入图片描述


版权声明:本文为weixin_52385863原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。