7|7 查找（定位）页面元素 7查找（定位）页面元素

不管做那种类型的UI自动化，其本质都是准确的操作测试对象（元素）。那想要达到这个目的，我们就需要做两件事：

文章图片
image.png 2个查找（定位）元素方法： findElement()
返回一个WebElement元素
findElements()
返回一个List，多个WebElement元素八种方式定位元素： By.id(id)：通过元素ID 属性查找
By.name(name)：通过元素name属性查找
By.className(className) ：通过元素classname属性查找
By.linkText(链接文本)：通过链接文本
By.partialLinkText(部分链接文本)：通过部分链接文本
By.cssSelector(Css路径)：通过元素CSS路径
By.tagName(name)：通过元素tagname查找
By.xpath(XPath路径)：通过元素XPath查找
By.id("属性id值")： HTML 源码：

登录

代码例子：

WebElement element = driver.findElement(By. id("lb"));

注意：ID查找是最有效，也是最快的元素定位方式，如果一个元素有ID属性，那么定位这个元素最先考虑的就是通过属性ID来定位，而且通常ID在一个HTML中是唯一的值。
By.name("属性name值")： HTML 源码：
注册
代码例子：

WebElementelement = driver.findElement(By. name("tj_reg"));

By.className("属性class值")： HTML 源码：
注册
代码例子：

WebElementelement = driver.findElement(By.className( "reg"));

By. linkText ("Link文本")： HTML 源码：
搜索设置
代码例子：

WebElementelement =driver.findElement(By.linkText( "搜索设置" ));

By. partialLinkText("Link文本")： HTML 源码：
搜索设置
代码例子：

WebElementelement =driver.findElement(By. partialLinkText( "搜索" ));

By. tagName("dom节点名")： HTML 源码：
搜索设置
代码例子：

WebElement element=driver.findElement(By. tagName( “a" ));

By. xpath("xpath路径")：通过firepath 获取到页面元素的xpath路径：

文章图片
image.png 代码例子：

WebElement element=driver.findElement(By. xpath( “.//*[@id='kw']" ));

By. cssSelector("Css路径")：跟xpath类似，通过firepath 获取到页面元素的css路径：

文章图片
image.png 代码例子：

WebElement element=driver.findElement(By. cssSelector(“#kw”));

【7|7 查找（定位）页面元素】注意：
1. 通过findElement()方法，不管使用哪种方式去查找（定位）元素，都需要注意，你通过这种方式查找出来的元素必须唯一，如果不唯一则可能报错也可能会默认找第一个元素。
2. findElements()同样支持这八种定位方式，只是获取的是多个元素，返回List
List elements = driver.findElements(By.name("test"));
3. 元素定位一定要定位到最终你要操作的元素上
Demo：

import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; import org.testng.annotations.AfterMethod; import org.testng.annotations.BeforeMethod; import org.testng.annotations.Test; import java.util.List; /** * Created by 米阳 on 2017/3/25. */ public class FindElementsTest {WebDriver driver; @BeforeMethod public void openChrome() { System.setProperty("webdriver.chrome.driver", "F:\\IdeaProjects\\SeleniumDemo1701\\drivers\\chromedriver.exe"); driver = new ChromeDriver(); }/** * 打开百度页面 * 通过ID定位搜索文本框 */ @Test public void byIDTest() { driver.get("http://www.baidu.com"); WebElement keyField = driver.findElement(By.id("kw")); }/** * 打开百度页面 * 通过name定位搜索文本框 */ @Test public void byNameTest() { driver.get("http://www.baidu.com"); WebElement keyField = driver.findElement(By.name("wd")); }/** * 打开百度页面 * 通过class属性定位搜索文本框 */ @Test public void byClassTest() { driver.get("http://www.baidu.com"); WebElement keyField = driver.findElement(By.className("quickdelete")); }/** * 打开百度页面 * 通过linkText定位搜索文本框 */ @Test public void byLinkTextTest() { driver.get("http://www.baidu.com"); WebElement keyField = driver.findElement(By.linkText("糯米")); }/** * 打开百度页面 * 通过partialLinkText定位搜索文本框 */ @Test public void bypartialLinkTextTest() { driver.get("http://www.baidu.com"); WebElement keyField = driver.findElement(By.partialLinkText("糯")); }/** * 打开百度页面 * 通过tagname定位搜索文本框 */ @Test public void byTagName() { driver.get("http://www.baidu.com"); List list = driver.findElements(By.tagName("input")); System.out.println(list.size()); }/** * 打开百度页面 * 通过xpathe 百度一下按钮 */ @Test public void byXpath() { driver.get("http://www.baidu.com"); WebElement e1 = driver.findElement(By.xpath(".//*[@id='u1']/a[4]")); System.out.println(e1.getText()); }/** * 打开百度页面 * 通过xpath 百度一下按钮 */ @Test public void byXpath02() { driver.get("http://www.baidu.com"); List list = driver.findElements(By.xpath(".//*[@id='u1']/a")); for (int i = 0; i < list.size(); i++) { String text = list.get(i).getText(); System.out.println(text); }}/** * 打开百度页面 * 通过cssSelector 百度图片 */ @Test public void byCSS() { driver.get("http://www.baidu.com"); WebElement e1 = driver.findElement(By.cssSelector("#lg>img")); }@AfterMethod public void colsedBrowser() { driver.quit(); }}