在定位单个元素时,selenium-webdriver 提示了如下一些方法对元素进行定位。下面这些定位方式中,优先使用 id、name、classname,对于网上的链接元素,推荐使用linkText 定位方式,对于不好定位的元素,考虑使用火狐的插件去辅助定位(xpath)。

1. 当页面元素有id属性的时候尽量使用id来定位。没有的话,再选择其他定位方法

2. cssSelector执行速度快,推荐使用

3. 定位超链接的时候,可以考虑linkText或partialLinkText:但是要注意的是,文本经常发生改变,所以不推荐用

4. xpath功能最强悍。当时执行速度慢,因为需要查找整个DOM,所以尽量少用。实在没有办法的时候,才使用xpath 

通过ID查找元素: By.id()

以百度主页为例,  搜索框的HTML示例代码如下,   它的ID为kw

<input type="text" autocomplete="off" maxlength="100" id="kw" name="wd" class="s_ipt">

"百度一下"搜索按钮元素的HTML示例代码如下,   它ID为su

<input type="submit" class="btn self-btn bg s_btn" id="su" value="百度一下">

在Selenium/WebDriver 中通过ID查找元素的Java示例代码如下

WebDriver driver  = new FirefoxDriver();
        driver.get("http://www.baidu.com");
         
        WebElement searchBox = driver.findElement(By.id("kw"));
        searchBox.sendKeys("selenium");
        WebElement searchButton = driver.findElement(By.id("su"));
        searchButton.submit();
        
        driver.close();

通过Name查找元素:By.name()

以百度主页为例,  搜索框的HTML示例代码如下,   它的name为wd

<input type="text" autocomplete="off" maxlength="100" id="kw" name="wd" class="s_ipt">

在Selenium/WebDriver 中通过name查找元素的Java示例代码如下

WebDriver driver  = new FirefoxDriver();
        driver.get("http://www.baidu.com");       
        WebElement searchBox = driver.findElement(By.name("wd"));

通过ClassName 查找元素 By.className

以淘宝网的主页搜索为例, 其搜索框的HTML代码如下:   class="search-combobox-input"

<input autocomplete="off" autofocus="true" accesskey="s" aria-label="请输入搜索文字" name="q" id="q" class="search-combobox-input" aria-haspopup="true" aria-combobox="list" role="combobox" x-webkit-grammar="builtin:translate" tabindex="0">

Java 示例代码如下

WebDriver driver  = new FirefoxDriver();
        driver.get("http://www.taobao.com");
        Thread.sleep(15000);
        WebElement searchBox = driver.findElement(By.className("search-combobox-input"));

        searchBox.sendKeys("羽绒服");
        searchBox.submit();

小技巧:处理复合ClassName方法

<input type="submit" id="su" value="百度一下" class="bg s_btn">

 上述元素的 class 为 bg s_btn,中间有空格的即为复合型 class,此时直接按By.className("bg s_btn")则会报错 Compound class names are not supported.Consider searching for one class name and filtering the results or use CSSselectors .

处理方法为只选择 class 属性中的一个值,下面的代码就不会报错了

driver.findElement(By.className("s_btn"));

通过TagName查找元素: By.tagName()

通过tagName来搜索元素的时候,会返回多个元素. 因此需要使用findElements()

WebDriver driver  = new FirefoxDriver();
        driver.get("");
         
        List<WebElement> buttons = driver.findElements(By.tagName("div"));
        System.out.println("Button:" + buttons.size());

注意:  如果使用tagName,  要注意很多HTML元素的tagName是相同的,

比如单选框,复选框, 文本框,密码框.这些元素标签都是input.  此时单靠tagName无法精确获取我们想要的元素, 还需要结合type属性,才能过滤出我们要的元素

WebDriver driver  = new FirefoxDriver();
        driver.get("");
         
        List<WebElement> buttons = driver.findElements(By.tagName("input"));
        for (WebElement webElement : buttons) {
            if (webElement.getAttribute("type").equals("text")) {
                System.out.println("input text is :" + webElement.getText());
            }
        }

通过LinkText查找元素 By.linkText();

 直接通过超链接上的文字信息来定位元素:例如

<a href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F" name="tj_login" class="lb" οnclick="return false;">登录</a>

HTML 代码如下

WebDriver driver  = new FirefoxDriver();
        driver.get("http://www.baidu.com");
        WebElement loginLink = driver.findElement(By.linkText("登录"));
        loginLink.click();

通过PartialLinkText 查找元素 By.partialLinkText()

此方法是上一个方法的加强版,单你只想用一些关键字匹配的时候,可以使用这个方法,通过部分超链接文字来定位元素

HTML 代码如下

WebDriver driver  = new FirefoxDriver();
        driver.get("http://www.baidu.com");
        WebElement loginLink = driver.findElement(By.partialLinkText("登"));
        loginLink.click();

注意:用这种方法定位时,可能会引起的问题是,当你的页面中不知一个超链接包含“等”时,findElement方法只会返回第一个查找到的元素,而不会返回所有符合条件的元素

如果你想要获得所有符合条件的元素,还是只能用findElements方法