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

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

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

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

按照以下步骤在示例网页上定位文本框。

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

通过 CSS - 标签和 ID 选择器定位 Web 元素的 Java 语法编写如下

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

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

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