selenium 定位元素

Posted coco-fly

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了selenium 定位元素相关的知识,希望对你有一定的参考价值。

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>

 

以上是关于selenium 定位元素的主要内容,如果未能解决你的问题,请参考以下文章

selenium+Python页面元素定位问题

『心善渊』Selenium3.0基础 — 4Selenium基础元素定位详解

selenium8种常用元素定位简介

Selenium基础篇之八大元素定位方式

java+selenium,请问该如何定位#shadow-root里面的元素?

python+selenium 定位隐藏元素