1.简介
按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍By ClassName。看到ID，NAME这些方法的讲解，小伙伴们和童鞋们应该知道，要做好Web自动化测试，最好是需要了解一些前端的基本知识。有了前端知识，做元素定位会很轻松，同样写网络爬虫也很有帮助，话题扯远了，回到Selenium自动化测试。
2.常用定位方法（8种）
（1）id （2）name （3）class name（今天讲解） （4）tag name （5）link text （6）partial link text （7）xpath （8）css selector
3.自动测试实战：百度搜索：北京宏哥
跟随宏哥的脚步，有了前边两篇的经验，想必这个应该很简单的了吧！宏哥这里就不赘述了，没有前菜直接上正菜。
3.1代码设计
通过主要步骤把代码都设计好了，宏哥只需要将其串起来，调试脚本即可。如下图所示：
3.2参考代码
代码语言：javascript复制package lessons;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
/**
* @author 北京-宏哥
*
* 2021年7月21日
*/
public class ByClassName {
public static void main(String [] args) throws InterruptedException {
System.setProperty("webdriver.gecko.driver", ".\Tools\chromedriver.exe"); //指定驱动路径
WebDriver driver = new ChromeDriver ();
//最大化窗口
driver.manage().window().maximize();
driver.get("http://wwww.baidu.com");
//By name 定位
WebElement wid = driver.findElement(By.className( "s_ipt" ));
wid.sendKeys("北京宏哥");
driver.findElement(By.id( "su" )).click();
//定位到文本，将文本高亮显示
//创建一个JavascriptExecutor对象
JavascriptExecutor js =(JavascriptExecutor)driver;
//新闻文本高亮显示颜色
js.executeScript ( "arguments[0].setAttribute('style', arguments[1]);",wid,"background: orange; border: 2px solid red;");
Thread.sleep (5000);
driver.quit();
}
}3.3运行代码
1.运行代码，右键Run AS->java Application，控制台输出，如下图所示：
2.运行代码后电脑端的浏览器的动作，如下小视频所示：
4.小结
好了，今天到这里通过name定位就介绍完了，其实很简单，就是找元素的name，一般来说name不都是唯一的，那就需要换其他的定位方法了，当然了特殊的另说。一般都是绝大多数，特殊是个例，也就是我们常说的另类，如果目标元素节点有这个name属性，我们就采用By name,如果没有，就换成其他方法，例如id，例如XPath，一般XPath是万能的。感谢你耐心的阅读。
5.拓展
有的小伙伴或者童鞋们，可能觉得今天学习了如何使用class name定位，就初生牛犊不怕虎的将”百度一下“的按钮也使用class name来定位了，代码设计如下：
结果报错了（Exception in thread "main" org.openqa.selenium.InvalidSelectorException: invalid selector: Compound class names not permitted），控制台报错如下图所示：
电脑端的浏览器，电脑端浏览器百度输入框里输入“北京宏哥”，就卡住没有反应，不会点击“百度一下”按钮。如下小视频所示：
原因分析：根据代码报错和脚本测试回放，发现在定义文本输入框是没有问题，但是在定位百度一下这个按钮就出问题。报错提示告诉了我们原因：无效的selector,不允许组合的class name。根本原因是这个className "bg s_btn_wr"有空格，所以，以后遇到classname有空格的，就换成别的定位元素方法。这里解释下selector的意思，有时候有些文章或说localtor，特别是Selenium for Python就会说localtor，localtor就像我们寄快递的地址一样。这里localtor = By 各种方法对应的值。By我们知道有8中方法，所有对应有八种值，这里值就是错误信息中提到的selector，明白了吧。
