悠悠小仙仙 发表于 2017-7-18 13:48:54

selenium webdriver学习 04 – 定位页面元素

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。
CODE:
<font size="4">import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.By;

public class ByClassName {
    publicstaticvoid main(String[] args) {
         WebDriver driver = new FirefoxDriver();
      driver.get("http://www.51.com");
         WebElement element = driver.findElement(By.className("username"));
         System.out.println(element.getTagName());
    }
}</font>输出结果：
CODE:
<font size="4">
</font>使用id属性定位
51.com首页的帐号输入框的html代码如下：
CODE:
<font size="4"><input id="passport_51_user" tabindex="1" title="用户名/彩虹号/邮箱" type="text" name="passport_51_user" value="" /></font>在下面的例子中我们用id定位这个输入框，并输出其title,借此也可以验证代码是否工作正常。
CODE:
<font size="4">import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;

public class ByUserId {
    /**
   * @param args
   */
    publicstaticvoid main(String[] args) {
      // TODO Auto-generated method stub
      WebDriver dr = new FirefoxDriver();
      dr.get("http://www.51.com");

      WebElement element = dr.findElement(By.id("passport_51_user"));
      System.out.println(element.getAttribute("title"));
    }
}</font>输出结果：
CODE:
<font size="4">用户名/彩虹号/邮箱</font>使用name属性定位
51.com首页的帐号输入框的html代码如下：
CODE:
<font size="4"><input id="passport_51_user" tabindex="1" title="用户名/彩虹号/邮箱" type="text" name="passport_51_user" value="" /></font>使用name定位
CODE:
<font size="4">WebElement e = dr.findElement(By.name("passport_51_user"));</font>使用css属性定位
51.com首页的帐号输入框的html代码如下：
CODE:
<font size="4"><input id="passport_51_user" tabindex="1" title="用户名/彩虹号/邮箱" type="text" name="passport_51_user" value="" /></font>使用css定位
CODE:
<font size="4">WebElement e1 = dr.findElement(By.cssSelector("#passport_51_user"));</font>使用其他方式定位
在定位link元素的时候，可以使用link和link_text属性；
另外还可以使用tag_name属性定位任意元素；
定位多个元素
上面提到findElements()方法可以返回一个符合条件的元素List组。看下面例子。
CODE:
<font size="4">import java.io.File;
import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxBinary;
import org.openqa.selenium.firefox.FirefoxDriver;

public class FindElementsStudy {

    /**
   * @author gongjf
   */
    publicstaticvoid main(String[] args) {
      WebDriverdriver = new FirefoxDriver();
      driver.get("http://www.51.com");

      //定位到所有input标签的元素，然后输出他们的id
      List element = driver.findElements(By.tagName("input"));
      for (WebElement e : element){
            System.out.println(e.getAttribute("id"));
      }

      driver.quit();
    }
}</font>输出结果：
CODE:
<font size="4">passport_cookie_login
gourl
passport_login_from
passport_51_user
passport_51_password
passport_qq_login_2
btn_reg
passport_51_ishidden
passport_auto_login</font>上面的代码返回页面上所有input对象。很简单，没什么可说的。
层级定位
层级定位的思想是先定位父元素，然后再从父元素中精确定位出其我们需要选取的子元素。
层级定位一般的应用场景是无法直接定位到需要选取的元素，但是其父元素比较容易定位，通过定位父元素再遍历其子元素选择需要的目标元素，或者需要定位某个元素下所有的子元素。
下面的代码演示了如何使用层级定位class为”login”的div，然后再取得它下面的所有label，并打印出他们的文本
CODE:
<font size="4">import java.io.File;
import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxBinary;
import org.openqa.selenium.firefox.FirefoxDriver;

public class LayerLocator {

    /**
   * @author gongjf
   */
    publicstaticvoid main(String[] args) {

      WebDriverdriver = new FirefoxDriver();
      driver.get("http://www.51.com");

      //定位class为"login"的div，然后再取得它下面的所有label，并打印出他们的值
      WebElement element = driver.findElement(By.className("login"));
         List el = element.findElements(By.tagName("label"));
         for(WebElement e : el)
      System.out.println(e.getText());

    }

}</font>输出结果：
CODE:
<font size="4">帐号：
密码：
隐身
下次自动登录</font>定位页面元素over了，下次写一下对frame的处理。

巴黎的灯光下 发表于 2017-7-18 15:13:50

{:4_104:}

梦想家 发表于 2018-5-14 17:54:55

:victory:
页: [1]
查看完整版本: selenium webdriver学习 04 – 定位页面元素