元素定位与验证

娜乌西卡_在路上 / 2023-09-05 / 原文

元素:<aside class="el-aside aside-secondary" >

1、通过一个class方式定位元素

//div[contains(@class,"el-aside")]

取得所有class为el-aside的元素

2、通过两个class方式定位

//div[contains(@class,"el-aside") and contains(@class,"aside-secondary")]

3、不包含某个元素方式定位

//div[not (contains(@class,"el-aside"))]

4、组合

//div[contains(@class,"el-aside") and not (contains(@class,"aside-secondary"))]

5、or

//*[@class="el-aside" or contains(@class,"aside-secondary")]/div/div[text()="文字"]

6、如果class不一定是第一个

//*[contains(concat(" ", @class, " "), " aside-secondary")]

验证定位元素是否正确,可以通过谷歌浏览器

1、打开Chrome浏览器开发者工具(或F12),按下Ctrl+F快捷键,在下方,弹出搜索框,(此文章不粘贴图片)

2、在底部文本框(Find by string,selector,or XPath)输入Xpath或CSS,回车,既可验证元素定位是否正确

通过开发者工具Console页标签定位是否准确

1、在Console标签中使用命令$x(" "),回车

2、返回数组定位准确,否则会返回undefined,

3、未定位到准确,找不到元素,查找结果为空

注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双引号,要改成单引号