Xpath轴定位

⚠️ 建议：优先通过元素本身属性定位，其次通过关系定位。

一、逐级定位

语法：//祖先元素1//祖先元素2....//要定位的元素

示例：

1、获取menu

xpath = //div[@id="navfirst"]//ul[@id="menu"]

2、获取“在线教程”

xpath = //div[@id="navfirst"]//ul[@id="menu"]//a[contains(text(),"在线教程")]

二、层级定位

语法：已知元素(//...//..)/轴名称::标签名称[@属性名称="属性值" and @属性名称="属性值"]//....

1、ancestor: 祖先节点元素

① 获取“运行代码”元素的div祖先节点元素

xpth = //a[text()="运行代码"]/ancestor::div

2、parent：父节点元素

① 获取“运行代码”元素的div父节点元素

xpath = //a[text()="运行代码"]/parent::li

3、preceding-sibling：当前节点之前的相同层级的节点元素

① 根据tiy_btn_theme元素，获取tiy_btn_index

xpath = //li[@id="tiy_btn_theme"]/preceding-sibling::li[2]

② 根据tiy_btn_theme元素，获取tiy_btn_stack

xpath = //li[@id="tiy_btn_theme"]/preceding-sibling::li[1]

注意：如果不写角标则获取的是当前节点之前所有同级别的li标签，但默认第一个是tiy_btn_index，即

xpath = //li[@id="tiy_btn_theme"]/preceding-sibling::li

4、following-sibling：当前节点之后的相同层级的节点元素

 ① 根据tiy_btn_index元素，获取tiy_btn_stack

xpath = //li[@id="tiy_btn_index"]/following-sibling::li[1]

② 根据tiy_btn_index元素，获取tiy_btn_theme

xpath = //li[@id="tiy_btn_index"]/following-sibling::li[2]

③ 根据tiy_btn_index元素，获取tiy_btn_tryit

xpath = //li[@id="tiy_btn_index"]/following-sibling::li[3]

注意：如果不写角标则获取的是当前节点之后所有同级别的li标签，但默认第一个是tiy_btn_stack，即

xpath = //li[@id="tiy_btn_index"]/following-sibling::li

5、复杂的层级定位

① 通过“改变方向”定位“运行代码”

xpath = //a[text()="改变方向"]/parent::li/following-sibling::li[2]//a[@title="更改主题"]

② 通过“改变方向”定位“container”下的textareacontainer标签

xpath = //a[text()="改变方向"]/parent::li/parent::ul/parent::div/following-sibling::div//div[@id="textareacontainer"]