XPath 语法

XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。

选取节点

XPath 使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径或者 step 来选取的。 下面列出了最有用的路径表达式：

表达式	描述
nodename	选取此节点的所有子节点。
/	从根节点选取（取子节点）。
//	从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置（取子孙节点）。
.	选取当前节点。
..	选取当前节点的父节点。
@	选取属性。

在下面的表格中，我们已列出了一些路径表达式以及表达式的结果：
/开头表示绝对路径，从根节点开始

路径表达式	结果
bookstore	选取 bookstore 元素的所有子节点。
/bookstore	选取根元素 bookstore。 注释：假如路径起始于正斜杠( / )，则此路径始终代表到某元素的绝对路径！
bookstore/book	选取属于 bookstore 的子元素的所有 book 元素。
//book	选取所有 book 子元素，而不管它们在文档中的位置。
bookstore//book	选择属于 bookstore 元素的后代的所有 book 元素，而不管它们位于 bookstore 之下的什么位置。
//@lang	选取名为 lang 的所有属性。

---

谓语（Predicates）

谓语用来查找某个特定的节点或者包含某个指定的值的节点。

谓语被嵌在方括号中。

在下面的表格中，我们列出了带有谓语的一些路径表达式，以及表达式的结果：

路径表达式	结果
/bookstore/book[1]	选取属于 bookstore 子元素的第一个 book 元素。
/bookstore/book[last()]	选取属于 bookstore 子元素的最后一个 book 元素。
/bookstore/book[last()-1]	选取属于 bookstore 子元素的倒数第二个 book 元素。
/bookstore/book[position()<3]	选取最前面的两个属于 bookstore 元素的子元素的 book 元素。
//title[@lang]	选取所有拥有名为 lang 的属性的 title 元素。
//title[@lang='eng']	选取所有 title 元素，且这些元素拥有值为 eng 的 lang 属性。
/bookstore/book[price>35.00]	选取 bookstore 元素的所有 book 元素，且其中的 price 元素的值须大于 35.00。
/bookstore/book[price>35.00]//title	选取 bookstore 元素中的 book 元素的所有 title 元素，且其中的 price 元素的值须大于 35.00。

---

选取未知节点

XPath 通配符可用来选取未知的 XML 元素。

通配符	描述
*	匹配任何元素节点。
@*	匹配任何属性节点。
node()	匹配任何类型的节点。

在下面的表格中，我们列出了一些路径表达式，以及这些表达式的结果：

路径表达式	结果
/bookstore/*	选取 bookstore 元素的所有子元素。
//*	选取文档中的所有元素。
//title[@*]	选取所有带有属性的 title 元素。

---

选取若干路径

通过在路径表达式中使用"|"运算符，您可以选取若干个路径。

在下面的表格中，我们列出了一些路径表达式，以及这些表达式的结果：

路径表达式	结果
//book/title | //book/price	选取 book 元素的所有 title 和 price 元素。
//title | //price	选取文档中的所有 title 和 price 元素。
/bookstore/book/title | //price	选取属于 bookstore 元素的 book 元素的所有 title 元素，以及文档中所有的 price 元素。

Xpath内建函数

Xpath 提供 100 多个内建函数，这些函数给我们提供了很多便利，比如实现文本匹配、模糊匹配、以及位置匹配等，下面介绍几个常用的内建函数。
 

Xpath内建函数

函数名称	xpath表达式示例	示例说明
text()	./text()	文本匹配，表示值取当前节点中的文本内容。
contains()	//div[contains(@id,'stu')]	模糊匹配，表示选择 id 中包含“stu”的所有 div 节点。
last()	//*[@class='web'][last()]	位置匹配，表示选择@class='web'的最后一个节点。
position()	//*[@class='site'][position()<=2]	位置匹配，表示选择@class='site'的前两个节点。
start-with()	"//input[start-with(@id,'st')]"	匹配 id 以 st 开头的元素。
ends-with()	"//input[ends-with(@id,'st')]"	匹配 id 以 st 结尾的元素。
concat(string1,string2)	concat('C语言中文网',.//*[@class='stie']/@href)	C语言中文与标签类别属性为"stie"的 href 地址做拼接。

xpath不等于、不包含的写法

• 使用不等于符号：!=
• 使用 not()
• 使用 not(contains())

<input type="text" autocomplete="off" name="" placeholder="选择日期" class="el-input__inner">
<input type="text" autocomplete="off" placeholder="选择日期" class="el-input__inner">

包含属性placeholder='选择日期'，不包含name属性

//input[@placeholder='选择日期' and not(@name)]

html

<div style="z-index: 2005; display: none;">
<input type="text" autocomplete="off" placeholder="选择日期" class="el-input__inner">
</div>
<div style="z-index: 2017; position: fixed; " x-placement="bottom-start">
<input type="text" autocomplete="off" placeholder="选择日期" class="el-input__inner">
</div>

获取第1个input

//div[contains(@style,'none')]//input

获取第2个input

//div[@x-placement='bottom-start']//input

html

<div data-v-f1d9e570="" class="el-dialog__wrapper" style="z-index: 2002;display: none;">
<button type="button" class="el-button el-button--primary">
<span> 提 交 </span>
</button>
</div>
<div data-v-f1d9e570="" class="el-dialog__wrapper" style="z-index: 2003;">
<button type="button" class="el-button el-button--primary">
<span> 提 交 </span>
</button>
</div>

 获取第2个提交按钮

//div[@class='el-dialog__wrapper' and not(contains(@style,'none'))]//span[text()=' 提 交 ']

匹配文本值

html

<label for="operateUserName" class="el-form-item__label" style="width: 150px;">操作人</label>

//label[text()='操作人']

参考：

XPath 语法 | 菜鸟教程

https://blog.youkuaiyun.com/galen2016/article/details/102921165