xpath定位 - 技术栈

一、路径符号核心区别（表格速查）

符号	名称	作用范围	典型使用场景	性能影响
/	单斜杠	./ 相对路径直接子级, /绝对路劲-根路径	精确层级定位	高效
//	双斜杠	//当前元素下开始查找，可以跨嵌套层	模糊层级/跨嵌套定位	较低效

一、XPath基础定位类型（适合小白入门）

绝对路径定位

示例：/html/body/div $2$ /div $3$ /span

特点：从根节点开始逐层查找，像文件路径

缺点：路径长且容易受页面结构调整影响

相对路径定位

示例：//div//span 或者 .//div/span

特点：用双斜杠//表示任意层级，更灵活

作用：查找所有div下的任意层级的span标签

示例2：./div 相对当前元素的直接子元素div

标签名+属性定位

示例：//input $@id="username"$

解析：查找所有input标签中id属性等于"username"的元素

常用属性：@id、@class、@name、@type等

模糊匹配定位

示例1：//div $contains(@class, "page")$

作用：查找class属性包含"page"的div

示例2：//a $starts-with(@href, "https")$

作用：查找href属性以https开头的链接

文本内容定位

示例：//button $text()="提交"$

进阶：//h2 $contains(text(), "最新消息")$

注意：text()方法对隐藏文本可能无效

二、进阶定位技巧（需要理解DOM结构）

6. 索引定位

示例：//ul/li $3$

作用：选择第三个li元素（注意索引从1开始）

风险：页面结构变化时容易失效

逻辑运算符

示例：//input $@type="text" and @required$

组合条件：and/or 连接多个条件

通配符使用

示例1：// $@class="item"$ 匹配任何标签

示例2：//div $@$ 匹配有任意属性的div

三、高级轴定位（处理复杂文档结构）

9. 父子关系

parent轴：//span/parent::div

child轴：//ul/child::li

后代: //ul/descendant:😗

descendant-or-self

兄弟关系

当前节点之前的所有同级节点：following-sibling：//h3/following-sibling::p

当前节点后的同级节点：preceding-sibling：//span/preceding-sibling::a

祖先关系

所有先辈： ancestor轴：//em/ancestor::div $@class="container"$

后代关系

所有后代：descendant轴：//div $@id="main"$ /descendant::img

//div $contains(@class, 'chapter-name')$ /parent::div/following-sibling::div $position() \<= 20$