selenium元素定位（Java）

1.使用findElement方法定位元素

 

findElement()方法：当开始寻找符合指定条件的元素时，它将查询整个DOM，然后返回第一个找到的匹配元素。

 

By id：通过元素ID属性定位元素//driver.findElement(By.id("XXXX"));

 

By name： 通过元素Name属性定位元素//driver,findElement(By.name("XXXX"));

 

By className：通过元素classname属性定位元素//driver.findElement(By.className("XXXX"));

 

By tagName：通过HTML标记名定位元素//driver.findElement(By.tagName("XXXX"));

 

By linkText：通过文本定位链接//driver.findElemen(By.linkText("XXXX"));

 

By partialLinkText：通过部分文本定位链接//driver.findElement(By.partialLinkText("XXXX"));

 

By cssSelector：通过CSS定位元素//driver.findElement(By.cssSelector("XXXX"));

 

By xpath：通过Xpath定位元素//driver.findElement(By.xpath("XXXX"));

 

dom定位：DOM（Document Object Model）被用于描述HTML文档，可以使用JavaScript来访问。DOM定位策略通过JavaScript评估页面上的元素，可以使用分级符号简化元素定位。

 

《定位优先顺序：id.name.classname>css>xpath》

 

备注1：查询子类元素

 

我们第一步可以先定位到其父元素 <div>然后再定位其子元素，方 法如下：

 

WebElement div =driver.findElement(By.id("div1"));

 

WebElement topLink = div.findElement(By.linkText("top"));

 

缩写：

 

WebElement topLink =driver.findElement(By.id("div1")).findElement(By.linkText("top"));

 

2.使用findElements方法定位元素

 

driver.get("http://www.baidu.com");

 

List<WebElement> links =driver.findElements(By.cssSelector("#nv a"));

 

//验证链接数量

 

assertEquals(10,links.size());

 

//打印href属性

 

for（int i :links.size()）{

 

System.out.println(links.get(i).getAttribute("href"));

 

}

 

备注：findElements（）方法返回所有匹配定位策略的WebElement的集合，我们可以用java中的List类来创建WebElements的实例

 

    List类中的size（）方法会统计集合中元素的总数量

 

    通过for循环将得到List中的所有元素，再调用getAttribute（）方法得到元素的属性。

 

3.使用CSS选择器定位元素

 

3.1、css常用符号：

 

　　#　　表示id

 

　　.　　表示class

 

　　>　　表示子元素，层级

 

　　　　　一个空格也表示子元素，但是是所有的后代子元素，相当于xpath中的相对路径

 

 

 

例子：

 

<div class="input_class" type="text" name="passwd" id="passwd-id" /> 

 

　　#input 　　　　　　　　　选择id为passwd-id的节点

 

　　.input_class  　　　　　　选择class为input_class的节点

 

　　div#passwd-id>input 　　选择id为passwd-id的div下的所有的input节点

 

　　div#passwd-id input 　　 选择id为passwd-id的div下的所有的input节点

 

　　div.input_class[name='passwd'] 　　　　选择class为input_class并且name为passwd的节点

 

　　div[name='passwd'][type='text']　　　　选择name为passwd且type为text的节点

 

4.使用xpath定位元素

 

 

　    / 　　表示绝对路径绝对路径是指从根目录开始

 

　　// 　　表示相对路径

 

　　. 　　表示当前层

 

　　.. 　　表示上一层

 

　　* 　　表示通配符

 

　　@ 　　表示属性

 

　　[] 　　属性的判断条件表达式

 

xpath常用函数：

 

　　contains ():　　//div[contains(@id,'widget')]，选择id属性中包含'widget'的div

 

　　text():　　　　//a[text()='hello world']，选择文本值为'hello world'的节点

 

　　last():　　　　选择最后一个

 

　　starts-with():　　//div[starts-with(@id,'common')] ，选择id属性中’common’开头的div节点　　

 

　　not():　　　　否定

 

5.定位表格行和单元格

 

 

</pre><pre name="code" class="java">driver.get("http://www.w3school.com.cn/html/html_tables.asp");

List<WebElement> rows=driver.findElements(By.cssSelector(".dataintable>tr"));

//验证表格的行数

assertEquals（11,rows.size()）;

//打印出所有单元格的数据

for (WebElement row : rows){

//得到当前tr里td的集合

List <WebElemnt> cols=rows.findElements(By.tagName("td"));

for(WebElement col :cols){

System.out.print(col.getText());//得到td里面的文本

}System.out.println();

}driver.close();

}

 

</pre><span style="color: rgb(102, 102, 204); "><strong>6.定位表格中的子元素</strong></span>对于下方一个表格：<p></p><p><img src="https://img-blog.csdn.net/20151222175208239?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p><p>表格代码：</p><p><span style="white-space:pre"></span></p><pre name="code" class="html"><tr>

<td>Nash</td>

<td><a href="mailto:nash@test.com">Nash@test.com</a></td>

<td>

<div>

<label for="user128_admin">Admin</label>

<input type="checkbox" id="user128_admin" checked="true"/>

<label for="user128_cm">Content Manager</label>

<input type="user128_browser">Browser</label>

<input type="checjbox" id ="user128_browser"/>

</div>

</td>

</tr>

如果想要给nash用户授予admin的权限。这可以通过xpath来实现，方法如下：

 

WebElement adminCheckBox =driver.findElement(By.xpath("//td[contains(text(),'Nash')]folloing-sibing::td/descendant::div/label[contains(text(),'Admin')]/following-sibling::input"));

adminCheckBox.click();

也可以通过CSS选择器来实现：

WebElement adminCheckBox =driver.findElement(By.cssSelector("td:contains('Nash')+td+td>div>label:contains('Admin')+input"));

adminCheckBox.click();