一、Selenium中元素定位共有八种
id
name
className
tagName
linkText
partialLinkText
xpath
cssSelector
其中前六种都比较简单,通过id一般可以得到一个唯一的定位,其他五种要注意元素是否唯一,如果有多个,返回的是匹配的第一个元素。下面详细讲解一下xpath和cssSelector定位。
二、xpath定位
1.通过绝对路径定位
dr.findElement(By.xpath("/html/body/div[2]/div/div/div/div/form/span/input"));
个人测试,第一个html前的斜杠可以有也可以没有。xpath定位时,下标从1开始,如div[2]代表第二个div
2.通过相对路径定位
dr.findElement(By.xpath("//body/div[2]/div/div/div/div/form/span/input"));
3.通过属性值定位
dr.findElement(By.xpath("input[@]id='su'"));
4.通过层级定位,某个元素不容易定位,但是它的父元素可以容易定位到
dr.findElement(By.xpath("//form[@id='form']/span/input"));
5.通过多个属性的逻辑运算符
dr.findElement(By.xpath("//input[@id='kw' and @class='s_ipt']") );
注意:
当值中含空格的时候,会定位不到,如这样定位dr.findElement(By.className("bg s_btn"));所以当有空格时,建议换一个其他的值进行定位。
三、通过cssSelector定位
选择器 | 例子 | 说明 |
.class | .s_ipt | 类名为s_iptd的所有元素 |
#id | #kw | id为kw的所有元素 |
父元素>子元素 | span>input | 父元素为span的所有input元素 |
[attribute=value] | [type='submit'] | type为submit的所有元素 |
1.通过id选择器定位
dr.findElement(By.cssSelector("input#kw") ).sendKeys("test");
2.通过类名定位器定位
dr.findElement(By.cssSelector("input.s_ipt")).sendKeys("test");
3.通过父子元素
dr.findElement(By.cssSelector("form#form>span>input[name='wd']")).sendKeys("test");
4.通过属性名,多个时,将属性用[]连接在一起
dr.findElement(By.cssSelector("input[id='kw'][name='wd']")).sendKeys("test");
两者对比:
css语法比xpath更加复杂点,但是定位速度更快,语法更加简洁。