XPath (XML Path Language) 是由国际标准化组织W3C指定的，用来在 XML 和 HTML 文档中选择节点的语言。
目前主流浏览器 (chrome、firefox，edge，safari) 都支持XPath语法，xpath有多个版本，目前浏览器支持的是 xpath 1的语法。
语法介绍
xpath 语法中，整个HTML文档根节点用'/'表示
有点像CSS中的直接子节点关系
绝对路径选择
从根节点开始的，到某个节点，每层都依次写下来，每层之间用 / 分隔的表达式，就是某元素的 绝对路径
上面的xpath表达式 /html/body/div ，就是一个绝对路径的xpath表达式， 类似 css表达式 html>body>div
相对路径选择
有的时候，我们需要选择网页中某个元素， 不管它在什么位置 。
xpath需要前面加 // , 表示从当前节点往下寻找所有的后代元素,不管它在什么位置。
所以xpath表达式，应该这样写： //div
通配符
如果要选择所有div节点的所有直接子节点，可以使用表达式 //div/*
*****是一个通配符，对应任意节点名的元素
根据属性选择
Xpath 可以根据属性来选择元素。
根据属性来选择元素 是通过 这种格式来的 [@属性名='属性值']
注意：
-
属性名注意前面有个@
-
属性值一定要用引号， 可以是单引号，也可以是双引号
根据id属性选择
选择 id 为 west 的元素，可以这样 //*[@id='west']****（选择任意元素中含有id=west的）
根据其他属性
同样的道理，我们也可以利用其它的属性选择
比如选择 具有multiple属性的所有页面元素 ，可以这样 //*[@multiple]
属性值包含字符串
要选择 style属性值 包含 color 字符串的 页面元素 ，可以这样 //*[contains(@style,'color')]
要选择 style属性值 以 color 字符串 开头 的 页面元素 ，可以这样 //*[starts-with(@style,'color')]
要选择 style属性值 以 某个 字符串 结尾 的 页面元素 ，大家可以推测是 //*[ends-with(@style,'color')]， 但是，很遗憾，这是xpath 2.0 的语法 ，目前浏览器都不支持
按次序选择
某类型 第几个 子元素
比如要选择 p类型第2个的子元素，就是
python
//p[2]第几个子元素
也可以选择第2个子元素，不管是什么类型，采用通配符
比如 选择父元素为div的第2个子元素，不管是什么类型
python
//div/*[2]某类型 倒数第几个 子元素
当然也可以选取倒数第几个子元素
比如：
- 选取p类型倒数第1个子元素
python
//p[last()]- 选取p类型倒数第2个子元素
python
//p[last()-1]范围选择
xpath还可以选择子元素的次序范围。
比如
- 选取option类型第1到2个子元素
python
//option[position()<=2]- 选择class属性为multi_choice的后3个子元素
python
//*[@class='multi_choice']/*[position()>=last()-2]组选择、父节点、兄弟节点
组选择
xpath也有组选择， 是用 竖线 隔开多个表达式
比如，要选所有的option元素 和所有的 h4 元素，可以使用
python
//option | //h4选择父节点
xpath可以选择父节点， 这是css做不到的。
某个元素的父节点用 /.. 表示
要选择 id 为 china 的节点的父节点，可以这样写**//*[@id='china']/..**
兄弟节点选择
xpath也可以选择 后续 兄弟节点，用这样的语法 following-sibling::
比如，要选择 class 为 single_choice 的元素的所有后续兄弟节点 //*[@class='single_choice']/following-sibling::*
等同于CSS选择器**.single_choice ~ ***
如果，要选择后续节点中的div节点， 就应该这样写 //*[@class='single_choice']/following-sibling::div
xpath还可以选择 前面的 兄弟节点，用这样的语法 preceding-sibling::
比如，要选择 class 为 single_choice 的元素的 所有 前面的兄弟节点，这样写
python
//*[@class='single_choice']/preceding-sibling::*