⚠️ 建议:优先通过元素本身属性定位,其次通过关系定位。
一、逐级定位
语法://祖先元素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"]