XPATH定位

XPATH是一门在XML文档中查找信息的语言，XPATH可用来在XML文档中对元素和属性进行遍历，主流的浏览器都支持XPATH，因为HTML页面在DOM中表示为XHTML文档。
XPATH语言是基于XML文档的树结构，并提供了浏览树的能力，通过多样的标准来选择节点。
Selenium WebDriver支持使用XPATH表达式来定位元素。
XPATH和CSS选择器最重要的区别是XPATH可以向前和向后查询DOM结构的元素，而CSS选择器只能向前查询，这意味着XPATH可以通过子元素来定位父元素！

使用XPATH有如下几种方法定位元素（相比CSS选择器，方法稍微多一点）：
a、通过绝对路径定位元素（不推荐！）

WebElement ele = driver.findElement(By.xpath("html/body/div/form/input"));

b、通过相对路径定位元素

WebElement ele = driver.findElement(By.xpath("//input"));

c、使用索引定位元素

WebElement ele = driver.findElement(By.xpath("(//input)[4]"));

d、使用XPATH及属性值定位元素

WebElement ele = driver.findElement(By.xpath("//input[@id='love']"));
//其他方法(看字面意思应该能理解吧)
WebElement ele = driver.findElement(By.xpath("//input[@type='submit'][@name='love']"));
WebElement ele = driver.findElement(By.xpath("//input[@type='submit' and @name='love']"));
WebElement ele = driver.findElement(By.xpath("//input[@type='submit' or @name='love']"));

e、使用XPATH及属性名称定位元素

//查找所有input标签中含有type属性的元素
WebElement ele = driver.findElement(By.xpath("//input[@type]"));

f、部分属性值匹配（和CSS选择器类似）

WebElement ele = driver.findElement(By.xpath("//input[start-with(@id,'love')]"));//匹配id以love开头的元素，id='loveyou'
WebElement ele = driver.findElement(By.xpath("//input[ends-with(@id,'love')]"));//匹配id以love结尾的元素，id='youlove'
WebElement ele = driver.findElement(By.xpath("//input[contains(@id,'love')]"));//匹配id中含有love的元素，id='youloveyou'

g、使用任意值来匹配属性及元素

WebElement ele = driver.findElement(By.xpath("//input[@*='love']"));//匹配所有input元素中含有属性的值为love的元素

h、使用XPATH轴来定位元素

//XPATH轴没有实际经验，所以本文不讨论它。

元素定位总结

//注：本专题只介绍java版
//By id
WebElement ele = driver.findElement(By.id(<element id>));
//By Name
WebElement ele = driver.findElement(By.id(<element name>));
//By className
WebElement ele = driver.findElement(By.className(<element ClassName>));
//By tabName
WebElement ele = driver.findElement(By.tagName(<html tagName>));
//By linkText
WebElement ele = driver.findElement(By.linkText(<link text>));
//By partialLinkText
WebElement ele = driver.findElement(By.partialLinkText(<link text>));//通过部分文本定位连接
//By cssSelector
WebElement ele = driver.findElement(By.cssSelector(<css>));
//By XPATH
WebElement ele = driver.findElement(By.xpath(<element xpath>));

武功秘籍 - XPATH的contains()方法定位含有class属性的元素
此方法在查找一些元素特征明显的元素时显得很鸡肋，但是，在某些情况下却非要用这个方法才能定位到我们需要的元素（其中的class值我们不一定要写全），这个方法使用很简单：

WebElement ele = driver.findElement(By.xpath("//某标签[contains(concat(' ', @class, ' '), ' 这里写class的值，可以写全名也可以不写全，它能找到')] "));

这个方法在网上一般的教程中很少出现，这里简单介绍一下它的使用方法，我们一开源中国首页为例：
开源中国首页右上角有一个搜索按钮，我们尝试使用XPATH的contains()方法来定位它
oschina
程序清单：

/*
 * 示例脚本
 * 脚本功能:掌握XPATH的contains()方法定位元素
 */
package com.test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.htmlunit.HtmlUnitDriver;
 
public class test {
	public static void main(String args[]) throws Exception {
 
		WebDriver driver = new HtmlUnitDriver();
 
		driver.get("http://www.oschina.net/");
 
		WebElement btn = driver.findElement(By.xpath("//button[contains(concat(' ', @class, ' '), ' BTN ')] "));
		System.out.println(btn);
 
		driver.quit();
	}
}

打印结果如下：

button type="submit" class="BTN"

猜你喜欢