tagname和classname的区别

时间: 2023-06-01 09:07:24 浏览: 199

自动化测试：Selenium webdriver学习笔记C#版

5星 · 资源好评率100%

自动化测试：Selenium webdriver学习笔记 C#版在本篇笔记中，我们将讨论 Selenium webdriver 的自动化测试中的对象定位方法。对象定位是自动化测试中非常重要的一步骤，它决定了我们的测试脚本是否能够正确地找到要测试的元素。在 Selenium 中，我们可以使用多种方法来定位元素，包括 Id、Name、TagName、ClassName、CssSelector 和 XPath 等。下面我们将详细介绍每种方法的使用。 1. Id 定位方法使用 Id 定位方法可以根据元素的 Id 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.Id("idValue")); IWebElement ele = driver.FindElementById("idValue"); ``` 这两种方式都可以实现 Id 定位，但是在性能上有所不同，我们将在后面讨论。 2. Name 定位方法使用 Name 定位方法可以根据元素的 Name 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.Name("nameValue")); IWebElement ele = driver.FindElementByName("nameValue"); ``` 同样的，这两种方式都可以实现 Name 定位，但是在性能上有所不同。 3. TagName 定位方法使用 TagName 定位方法可以根据元素的 TagName 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.TagName("xx")); IWebElement ele = driver.FindElementByTagName("xx"); ``` 4. ClassName 定位方法使用 ClassName 定位方法可以根据元素的 ClassName 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.ClassName("xx")); IWebElement ele = driver.FindElementByClassName("xx"); ``` 5. CssSelector 定位方法使用 CssSelector 定位方法可以根据元素的 CssSelector 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.CssSelector("xx")); IWebElement ele = driver.FindElementByCssSelector("xx"); ``` 6. XPath 定位方法使用 XPath 定位方法可以根据元素的 XPath 属性来找到元素。有两种方式可以实现： ```csharp IWebElement ele = driver.FindElement(By.XPath("//xx[@id='id']")); IWebElement ele = driver.FindElementByXPath("//xx[@id='id']"); ``` 可以看到，所有的定位方法都有两种实现方式：`FindeElement(By.xx)` 和 `FindeElementByxx`。它们都是 OpenQA.Selenium.Remote 命名空间下的方法，只不过前者是根据 `By.xx` 对象来找，后者是根据元素的属性（Id、Name 等）来找。在实际使用中，我们发现 `FindeElement(By.xx)` 方法的性能要比 `FindeElementByxx` 方法好。下面是一个简单的测试例子： ```csharp var a = DateTime.Now.Millisecond; var searchBox1 = driver.FindElementsByName("wd"); var b = DateTime.Now.Millisecond; var c = DateTime.Now.Millisecond; var searchBox2 = driver.FindElements(By.Name("wd")); var d = DateTime.Now.Millisecond; Console.WriteLine("'FindElementByName' spent " + (b - a).ToString() + " millisecond"); Console.WriteLine("'FindElement(By.Name)' spent " + (d - c).ToString() + " millisecond"); ``` 结果表明，使用 `FindeElement(By.xx)` 方法的速度要比 `FindeElementByxx` 方法快许多。因此，我们推荐使用 `FindeElement(By.xx)` 方法。但是，个人习惯喜欢使用 `FindeElementByxx` 方法，因为在 Visual Studio 中使用这个方法要快一些。那么，为什么 `FindeElement(By.xx)` 方法要快这么多呢？这需要进一步的研究和探讨。

tagname和classname在HTML和CSS中都是用于描述元素的属性，但是它们的区别在于，tagname是指HTML元素的名称，而classname是指HTML元素的类名。具体来说，tagname用于选择HTML元素的类型，例如选择所有的段落元素<p>，而classname用于选择具有相同类名的HTML元素，例如选择所有class为"example"的元素。

阅读全文

tagname和classname的区别

相关推荐

Selenium定位核心技术：id, class, name与By.tagName()实践

DOM元素选取教程：ID、标签名、name和class方法详解

tagname和classname分别的使用场景

06. 其他的选择器 (className/ Tag / Name Selector)

js通过classname来获取元素的方法

jquery和javascript的区别(常用方法比较)

jquery和使用文档

delphi控件属性和事件

详解JavaScript DOM元素获取与添加实例与区别

从零开始：一步步创建你的第一个C# *** Core Tag Helper

DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('layui-icon layui-icon-home') is not a valid name.

execute 'createElement' on 'Document': The tag name provided ('') is not a valid name.

js 监听某个classname滚动事件

js操作节点，ID，name，calssname，tag，style

tag对象有哪些方法和属性

Delphi控件属性与事件完全指南

JavaScript DOM操作：元素、属性和文本节点详解

本地磁盘E的文件使用查找到的

最新推荐

javascript 获取HTML DOM父、子、临近节点

Selenium 培训资料

本地磁盘E的文件使用查找到的

Java毕设项目：基于spring+mybatis+maven+mysql实现的社区服务管理系统分前后台【含源码+数据库+毕业论文】

CoreOS部署神器：configdrive_creator脚本详解

管理建模和仿真的文件

【在线考试系统设计秘籍】：掌握文档与UML图的关键步骤

如何在Verilog中实现一个参数化模块，并解释其在模块化设计中的作用与优势？

探索CCR-Studio.github.io: JavaScript的前沿实践平台

"互动学习：行动中的多样性与论文攻读经历"