selenium中元素定位的常用方法

Posted 2020-09-20 Jourly的测试博客

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