重庆智能网站建设价格滕州网站建设优化

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

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

一、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]