Selenium IDE- 定位策略 (通过 DOM)

DOM 代表文档对象模型。 简单来说，DOM 指定了 HTML 元素的结构表示。

我们可以通过四种方式使用 DOM 识别和定位 Web 元素。

1. getElementById
2. getElementsByName
3. dom:name（仅适用于命名表单中的元素）
4. dom:index

1. getElementByID

• 语法：document.getElementById("元素的 id")
• 元素的 ID - 它是正在访问的 Id 属性的值。
• 例如，我们将为 Test 和 Quiz 登录页面的 "用户名" 文本框定义 DOM 值：document.getElementById("email")

2. getElementsByName

• 语法：document.getElementByName("name")[index] Name - 它是正在访问的 name 属性的值。
• 索引 - 用于指定所需元素位置的整数值。
• 例如，我们将为 Test 和 Quiz 登录页面的 "用户名" 文本框定义 DOM 值：document.getElementByName("email_id")

3. dom:name

• 语法：document.forms["表单的名称"].elements["元素的名称"]
• 表单的名称 - 它是包含您要访问的元素的表单标签的名称属性的值。
• 元素的名称 - 它是您要访问的元素的 name 属性的值。
• 示例："document.forms["home"].elements["userName"]"

4. dom:index

• 语法：document.forms[表单的索引].elements[元素的索引]
• 表单的索引 - 表单相对于整个页面的索引的整数值（从 0 开始）。
• 元素的索引 - 元素相对于包含它的整个表单的索引的整数值（从 0 开始）。