-
使用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
查看全部 -
.代表class
#代表id
查看全部 -
通配符如上
查看全部 -
a#-signin-btn(查找a底下的ID,a即是标签名)
查看全部 -
1、标签名[属性名=‘值’’]
2、#代表ID
3、.代表Class
查看全部 -
“/”:元素是上一级节点的子节点中的一个,不能跳级
“//”:下级任何子节点或者任何嵌套子节点中的一个,可以跳级
查看全部 -
右击,inspact element
火狐开发者模式,web查看器
查看全部 -
请输入笔记内容...
查看全部 -
需要用到多个contains才能定位时:
例:
//a[contains(@class,'login') and contains(@text(),'登')]
查看全部 -
查看全部
举报