八、定位页面元素

痛定思痛。 2022-05-14 09:24 249阅读 0赞

webdriver提供了强大的元素定位方法，支持以下三种方法。  
\[color=red\]单个对象的定位方法  
多个对象的定位方法  
层级定位\[/color\]  
注意：  
selenium-webdriver通过findElement()\\findElements()等find方法调用"By"对象来定位和查询元素。By类只是提供查询的方式进行分类。findElement返回一个元素对象否则抛出异常，findElements返回符合条件的元素 List，如果不存在符合条件的就返回一个空的list。  
\[b\]\[size=large\]1.定位单个对象\[/size\]\[/b\]  
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)  
\[b\]1）使用className定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据className定位百度查询输入框
    		WebElement search=driver.findElement(By.className("s_ipt"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]2）使用cssSelector定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据classSelector定位百度查询输入框
    		WebElement search=driver.findElement(By.cssSelector("#kw"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]3）使用id定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据id定位百度查询输入框
    		WebElement search=driver.findElement(By.id("kw"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]4）使用name定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据name定位百度查询输入框
    		WebElement search=driver.findElement(By.name("wd"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]5）使用tagname定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据tagName定位百度查询输入框
    		WebElement search=driver.findElement(By.tagName("input"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]6）使用xpath定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据xpath定位百度查询输入框
    		WebElement search=driver.findElement(By.xpath("//*[@id='kw']"));
    		//输入查询条件classname
    		search.sendKeys("classname");
    	}
    
    }

\[b\]7）使用linkText定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据linkText定位
    		WebElement link=driver.findElement(By.linkText("百科"));
    		link.click();
    	}
    
    }

\[b\]8）使用partialLinkText定位元素\[/b\]  
定位的html文件：

package selenium.test.googleSearch;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//根据linkText定位
    		WebElement link=driver.findElement(By.linkText("科"));
    		link.click();
    	}
    
    }

\[b\]\[size=large\]2.定位多个对象\[/size\]\[/b\]

package selenium.test.googleSearch;
    
    import java.util.List;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//定位百度快捷功能链接，并返回其值
    		List<WebElement> links=driver.findElements(By.id("nv"));
    		for(WebElement e:links){
       
    			System.out.println(e.getText());
    		}
    	}
    
    }

其输出结果为：

新 闻　网 页　贴 吧　知 道　MP3　图 片　视 频　地 图

\[b\]\[size=large\]3.层级定位\[/size\]\[/b\]  
层级定位的思想是先定位父元素，然后再从父元素中精确定位出其我们需要选取的子元素。  
层级定位一般的应用场景是无法直接定位到需要选取的元素，但是其父元素比较容易定位，通过定位父元素再遍历其子元素选择需要的目标元素，或者需要定位某个元素下所有的子元素。  
定位的html文件：

package selenium.test.googleSearch;
    
    import java.util.List;
    
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.*;
    public class BaiduFirefoxDriver {
       
    
    	/**
    	 * @param args
    	 */
    	public static void main(String[] args) {
       
    		// TODO Auto-generated method stub 
    		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
    		WebDriver driver = new FirefoxDriver();
    		//页面跳转
    		driver.get("http://www.baidu.com/");
    		//先定位父元素nv
    		WebElement p=driver.findElement(By.id("nv"));
    		//再根据父元素定位子元素
    		WebElement link=p.findElement(By.name("tj_zhidao"));
    		//打印子元素的link值
    		System.out.println(link.getText());
    
    	}
    
    }

输出结果为：

知 道