selenium 定位元素

Posted 2021-01-01 coco-fly

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); background-color: rgb(255, 204, 0);"><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:[email protected]">[email protected]</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>