了解 Selenium 定位方式

※元素定位的重要性：在于查找元素 And 执行元素

定位元素的三种方法

• 一、定位单个元素:在定位单个元素时,selenium-webdriver 提示了以下一些方法对元素进行定位。在这些定位方式中，优先使用id、name、classname，对于网上的连接元素，推荐使用linkText定位方式，对于很差定位的元素，考虑使用火狐的插件去辅助定位(xpath)。
• 二、定位多个元素
• 三、层级定位:层级定位的思想是先定位父元素，而后再从父元素中精肯定位出其咱们须要选取的子元素。层级定位通常的应用场景是没法直接定位到须要选取的元素，可是其父元素比较容易定位，经过定位父元素再遍历其子元素选择须要的目标元素，或者须要定位某个元素下全部的子元素。比较典型的应用是表格的定位。

 

findElement和findElements方法

1. findElement()返回一个WebElement元素 

2. 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查找

 

例如：id\name\classname

 

代码以下：
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class ZmbxTestJC {
  @Test
  public void Testid() throws InterruptedException {
    WebDriver driver =new ChromeDriver();
    String url = "https://www.baidu.com";
    driver.get(url);
    driver.findElement(By.name("wd")).sendKeys("Selenium");//定位到name，输入内容
    driver.findElement(By.id("su")).click();//定位到id，点击百度一下查询内容
    driver.quit();
  }
}

例如：By.linkText(Link文本)

HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
WebElementelement =driver.findElement(By.linkText( "搜索设置" ));

例如：By.partialLinkText(部分连接文本)

HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
WebElementelement =driver.findElement(By. partialLinkText( "搜索" ));//搜索设置

例如：By.cssSelector(Css路径)

HTML 源码：
<a href="http://news.baidu.com" name="tj_trnews" class="mnav">新闻</a>
WebElementelement=driver.findElement(By. cssSelector( "#u1 > a:nth-child(1)" ));

例如：By.tagName(name)

HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
WebElementelement=driver.findElement(By. tagName( "a" ));

例如：By.xpath(XPath路径)

HTML 源码：
<a href="http://news.baidu.com" name="tj_trnews" class="mnav">新闻</a>
WebElementelement=driver.findElement(By. xpath( "//*[@id="u1"]/a[1]" ));

 注意:

1.使用findElement()方法查找元素，元素必须是惟一
2.findElements()一样支持这八种定位方式，只是获取的是多个元素，返回List

XPATH介绍：

    XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中经过元素和属性进行导航。

    在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档节点（或称为根节点）。XML 文档是被做为节点树来对待的。树的根被称为文档节点或者根节点。

请看下面这个 XML 文档：

<?xml version="1.0" encoding="ISO-8859-1"?>
<bookstore>
<book>  <title lang="en">Harry Potter</title>  <author>J K. Rowling</author>   <year>2005</year>  <price>29.99</price></book>
</bookstore>

上面的XML文档中的节点例子：<bookstore> （文档节点）<author>J K. Rowling</author> （元素节点）lang="en" （属性节点）

选取节点

XPath 使用路径表达式在 XML 文档中选取节点。节点是经过沿着路径或者 step 来选取的。

下面列出了最有用的路径表达式：

表达式	描述
nodename	选取此节点的全部子节点。
/	从根节点选取。
//	从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。
.	选取当前节点。
..	选取当前节点的父节点。
@	选取属性。

实例，在下面的表格中，咱们已列出了一些路径表达式以及表达式的结果：

路径表达式	结果
bookstore	选取 bookstore 元素的全部子节点。
/bookstore	选取根元素 bookstore。 注释：假如路径起始于正斜杠( / )， 则此路径始终表明到某元素的绝对路径！
bookstore/book	选取属于 bookstore 的子元素的全部  book 元素。
//book	选取全部 book 子元素，而无论它们 在文档中的位置。
bookstore//book	选择属于 bookstore 元素的后代的所 有 book 元素，而无论它们位于 bookstore 之下的什么位置。
//@lang	选取名为 lang 的全部属性。

XPath 轴

轴可定义相对于当前节点的节点集。

轴名称	结果
ancestor	选取当前节点的全部先辈（父、祖父等）。
ancestor-or-self	选取当前节点的全部先辈（父、祖父等）以及当前节点自己。
attribute	选取当前节点的全部属性。
child	选取当前节点的全部子元素。
descendant	选取当前节点的全部后代元素（子、孙等）。
descendant-or-self	选取当前节点的全部后代元素（子、孙等）以及当前节点自己。
following	选取文档中当前节点的结束标签以后的全部节点。
namespace	选取当前节点的全部命名空间节点。
parent	选取当前节点的父节点。
preceding	选取文档中当前节点的开始标签以前的全部节点。
preceding-sibling	选取当前节点以前的全部同级节点。
self	选取当前节点。

详细了解xpath，请参照 https://www.w3school.com.cn/xpath/xpath_summary.asp