定位页面元素

selenium-webdriver提供了强大的元素定位方法，支持以下三种方法。

• 单个对象的定位方法
• 多个对象的定位方法
• 层级定位
  

定位单个元素

在定位单个元素时,selenium-webdriver提示了如下一些方法对元素进行定位。

• By.className(className))
• By.cssSelector(selector)
• By.id(id)
• By.linkText(linkText)
• By.name(name)
• By.partialLinkText(linkText)
• By.tagName(name)
• By.xpath(xpathExpression)

注意：selenium-webdriver通过findElement()\findElements()等find方法调用"By"对象来定位和查询元素。By类只是提供查询的方式进行分类。findElement返回一个元素对象否则抛出异常，findElements返回符合条件的元素List，如果不存在符合条件的就返回一个空的list。

使用className进行定位

当所定位的元素具有class属性的时候我们可以通过classname来定位该元素。

下面的例子定位了51.com首页上class为"username"的li。

Java代码

1. importorg.openqa.selenium.WebDriver;
2. importorg.openqa.selenium.WebElement;
4. importorg.openqa.selenium.By;
6. publicclassByClassName{
9. publicstaticvoidmain(String[]args){
10. WebDriverdriver=newFirefoxDriver();
11. driver.get("http://www.51.com");
12. WebElementelement=driver.findElement(By.className("username"));
13. System.out.println(element.getTagName());
15. }
16. }

输出结果：

Java代码

1. li

使用id属性定位

51.com首页的帐号输入框的html代码如下：

Java代码

1. <inputid="passport_51_user"type="text"value=""tabindex="1"title="用户名/彩虹号/邮箱"
2. name="passport_51_user">

在下面的例子中我们用id定位这个输入框，并输出其title,借此也可以验证代码是否工作正常。

Java代码

1. importorg.openqa.selenium.By;
2. importorg.openqa.selenium.WebDriver;
3. importorg.openqa.selenium.WebElement;
4. importorg.openqa.selenium.firefox.FirefoxDriver;
6. publicclassByUserId{
8. /**
9. *@paramargs
10. */
11. publicstaticvoidmain(String[]args){
12. //TODOAuto-generatedmethodstub
13. WebDriverdr=newFirefoxDriver();
14. dr.get("http://www.51.com");
16. WebElementelement=dr.findElement(By.id("passport_51_user"));
17. System.out.println(element.getAttribute("title"));
18. }
20. }

输出结果：

Java代码

1. 用户名/彩虹号/邮箱

使用name属性定位

51.com首页的帐号输入框的html代码如下：

Java代码

1. <inputid="passport_51_user"type="text"value=""tabindex="1"title="用户名/彩虹号/邮箱"
2. name="passport_51_user">

使用name定位

Java代码

1. WebElemente=dr.findElement(By.name("passport_51_user"));

使用css属性定位

51.com首页的帐号输入框的html代码如下：

Java代码

1. <inputid="passport_51_user"type="text"value=""tabindex="1"title="用户名/彩虹号/邮箱"
2. name="passport_51_user">

使用css定位

Java代码

1. WebElemente1=dr.findElement(By.cssSelector("#passport_51_user"));

使用其他方式定位

在定位link元素的时候，可以使用link和link_text属性；

另外还可以使用tag_name属性定位任意元素；

定位多个元素

上面提到findElements()方法可以返回一个符合条件的元素List组。看下面例子。

Java代码

1. importjava.io.File;
2. importjava.util.List;
4. importorg.openqa.selenium.By;
5. importorg.openqa.selenium.WebDriver;
6. importorg.openqa.selenium.WebElement;
7. importorg.openqa.selenium.firefox.FirefoxBinary;
8. importorg.openqa.selenium.firefox.FirefoxDriver;
10. publicclassFindElementsStudy{
12. /**
13. *@authorgongjf
14. */
15. publicstaticvoidmain(String[]args){
16. WebDriverdriver=newFirefoxDriver();
17. driver.get("http://www.51.com");
19. //定位到所有<input>标签的元素，然后输出他们的id
20. List<WebElement>element=driver.findElements(By.tagName("input"));
21. for(WebElemente:element){
22. System.out.println(e.getAttribute("id"));
23. }
25. driver.quit();
26. }
27. }

输出结果：

Java代码

1. passport_cookie_login
2. gourl
3. passport_login_from
4. passport_51_user
5. passport_51_password
6. passport_qq_login_2
7. btn_reg
8. passport_51_ishidden
9. passport_auto_login

上面的代码返回页面上所有input对象。很简单，没什么可说的。

层级定位

层级定位的思想是先定位父元素，然后再从父元素中精确定位出其我们需要选取的子元素。

层级定位一般的应用场景是无法直接定位到需要选取的元素，但是其父元素比较容易定位，通过定位父元素再遍历其子元素选择需要的目标元素，或者需要定位某个元素下所有的子元素。

下面的代码演示了如何使用层级定位class为"login"的div，然后再取得它下面的所有label，并打印出他们的文本

Java代码

1. importjava.io.File;
2. importjava.util.List;
4. importorg.openqa.selenium.By;
5. importorg.openqa.selenium.WebDriver;
6. importorg.openqa.selenium.WebElement;
7. importorg.openqa.selenium.firefox.FirefoxBinary;
8. importorg.openqa.selenium.firefox.FirefoxDriver;
10. publicclassLayerLocator{
12. /**
13. *@authorgongjf
14. */
15. publicstaticvoidmain(String[]args){
17. WebDriverdriver=newFirefoxDriver();
18. driver.get("http://www.51.com");
20. //定位class为"login"的div，然后再取得它下面的所有label，并打印出他们的值
21. WebElementelement=driver.findElement(By.className("login"));
22. List<WebElement>el=element.findElements(By.tagName("label"));
23. for(WebElemente:el)
24. System.out.println(e.getText());
26. }
28. }

输出结果：

Java代码

1. 帐号：
2. 密码：
3. 隐身
4. 下次自动登录

定位页面元素over了，下次写一下对frame的处理。

原文来自：http://jarvi.iteye.com/blog/1448025