首页 > 代码库 > selenium中元素定位的常用方法

selenium中元素定位的常用方法

一、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更加复杂点,但是定位速度更快,语法更加简洁。

 

selenium中元素定位的常用方法