xpath 第一个元素_XPath

定位元素方法

1、绝对路径

xpath表达式：/html/body/div/div

从html代码最外层节点逐层查找

2、相对路径

xpath表达式：//input[@class='search-input']

//表示在html文档的全部层级位置查找

input[@class='search-input'] 定位class=search-input的输入框

3、使用索引号

//input[1]

注意：查找时会把每个div节点当作相同的起始层级开始查找，所以使用//input[1]表达式会同时查找到两个div节点中的第一个input元素

4、使用页面元素的属性值定位

//li[@class = 'el-submenu']

//li[@style = 'padding-left: 20px;']

5、使用模糊的属性值

//li[contains(@class,'el')]

6、使用xpath轴（Axis）

根据文档树中元素的相对位置关系进行定位，图形化的文档树如图

7、使用页面元素的文本

//span[normalize-space(text()) = '新建']

//span[contains(normalize-space(text()),'部')]

Chrome检测XPath正确性

参考：

https://www.w3school.com.cn/xpath/xpath_syntax.asp

https://www.zhihu.com/pub/book/119629045