通过一个xpath路径寻找父节点

语法：已定位的xpath元素//parent::tag

通过一个xpath路径寻找前面平级节点

语法：已定位的xpath元素//preceding-sibling::tag

通过一个xpath路径寻找后面平级节点

语法：已定位的xpath元素//following-sibling::tag

小技巧：如果定位一个节点后可以用[number]来定位多个相同节点中的特定节点，1代表第一个 ，2代表第二个......

使用starts-with定位关键字匹配元素

语法：//tag[start-with(attribute,'value')]

注意：如果页面元素中使用的属性，需要在attribute前加@

定位目标为：<input type="text" value="" maxlength="37" name="email" data-validate="require-mobile-phone" autocomplete="off" class="xa-emailOrPhone ipt ipt-email js-own-name" placeholder="请输入登录邮箱/手机号">

例如：//input[starts-with(@class,'xa-emailOrPhone ipt ipt-email js-own-name')]

如果这个class唯一性比较强，那么甚至可以只使用前面的几个字符就可以定位，如：xa-email

也可以使用placeholder来定位

例如：//input[starts-with(@placeholder,'请输入登录邮箱/手机号')]

使用contains关键字匹配xpath

语法：//tag[contains(attribute,'value')]

示例：

使用text()代替属性

//a[contains(text(),'忘记密码')]  

使用属性时需要加上@，使用and来限制多个包含条件

//input[contains(@class,'ipy') and contains(@placeholder,'手机号')]

使用text匹配xpath

语法：//标签[text()='文本内容']

示例：默课网登录页面的忘记密码

//a[text()='忘记密码 ']

xpath定位元素

语法：//tag[@attibute='value']

绝对路径使用/，不能跳级，如：/div/li，li中的元素一定是紧挨着div这一级

相对路径使用//，可以跳级，//下的元素是任意一级下的元素，只要id或者class匹配

查找子节点符号：>

例如查找一个子节点下的id：

div>ul>li>div[class='app-load-box clearfix js-load-box']

div>li.class名称

div>ul>li#id

CSS中使用通配符匹配

"^"  代表以文本开头匹配

"$"  代表以文本结束匹配

"*"  代表以文本内容匹配

语法： tag[attribute通配符='value']

使用class来定位

定位目标为慕课网的购物车

.icon-shopping-cart  表示查找一个叫：icon-shopping-cart的class，其中“.”表示class

span.icon-shopping-cart  表示加入一个span标签

如果使用正常语法：span[class='span.icon-shopping-cart'] 发现定位不到该元素，因为元素的的class有2个：icon-shopping-cart  js-endcart

因此需要完整定位需要：span[class='icon-shopping-cart js-endcart']

另外，针对这种有多个class的情况，可以使用追加的写法：

.icon-shopping-cart.js-endcart   也可以直接实现

CSS ID选择器查找元素

语法： tag[attribute='value'] 

解释：tag指标签；attribute指属性；value指属性的值

在CSS中，#代表ID，"."代表class

示例：慕课网登录的按键的元素写法

a[id='js-signin-btn']

#js-signin-btn 对上面的简写

a# js-signin-btn  指特定a标签下的元素，方便直接定位

firefox中直接用浏览器获取元素

1、用鼠标右键点击元素，选择“查看元素”

2、打开开发者工具，用选取工具选取元素

tag[attribute='value1']是完全匹配,只能匹配到class属性只有一个值的,

有多个属性值就要用tag[attribute='value1 value2...']

三种方法写出元素的XPath定位元素：

1.  text:   //tag[text() = 'value']

2.  contains:   //tag[contains(text(),'value')  and contains(attribute,'value')]

3.  starts-with:   //tag[starts-with(attribute,'value')]

语法：tag[attribute='value']

"#" --> Id

"." --> Class