定位策略 - (通过 CSS 标签和属性)

2024 年 11 月 16 日 | 阅读 2 分钟

在本节中,您将学习如何使用 CSS - 标签和属性选择器来定位特定的 Web 元素。

众所周知,定位特定的 Web 元素涉及检查其 HTML 代码。

按照下面给出的步骤定位示例网页上的文本框。

  • 打开 URL:https://www.testandquiz.com/selenium/testing.html
  • 右键单击示例网页上的文本框,然后选择“检查元素”
Locating Strategies- By CSS-Tag and Attribute
  • 它将启动一个窗口,其中包含开发文本框所涉及的所有特定代码。
Locating Strategies- By CSS-Tag and Attribute
  • 记下它的标签和属性。

注意:当您通过 CSS - 标签和属性选择器定位时,您可以选择 id、class 和 name 等属性及其值。

  • 在这里,我们将记下它的标签及其 id 属性的值。
Locating Strategies- By CSS-Tag and Attribute

通过 CSS - 标签和属性选择器定位 Web 元素的 Java 语法写成

因此,为了定位示例网页上的文本框,我们将使用带有 id 属性的 input 标签

同样,为了定位示例网页上的提交按钮,我们将使用带有 id 属性的 button 标签

我们为您创建了一个示例脚本,以便更好地理解如何使用 CSS - 标签和属性选择器。 我们在代码的每个部分嵌入了注释,这些注释将指导您完成整个自动化过程。