Xpath 中的 Web 元素识别

Question

我正在处理xpath，我对此有疑问。以下是获取文本框输入的相关 html 代码：

<div id="formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id_wrapper" 
     class="fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id ">
  <label id="formId:lbl_SHIPPING_ADDRESS__PHONE_PRIMARY_id" style="" 
         for="formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id">
  **<input id="formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id" type="text" maxlength="20" 
           value="" name="formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id"/>**
  <span id="formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id_msg"/>
</div>

我把 Xpath 写成

 driver.findElement(
     By.xpath("//input[@id = 'formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id')]"))
.sendKeys("test");

这是 html 中唯一匹配的节点，当我运行它时出现以下错误

线程 "main" org.openqa.selenium.NoSuchElementException 中的异常：无法定位元素：{"method":"xpath","selector":"//input[@id = 'formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id']" } 命令持续时间或超时：104.80 秒 有关此错误的文档，请访问：http://seleniumhq.org/exceptions/no_such_element.html

请帮忙！

Answer 1

我刚刚检查了你的源代码，发现你的输入框包含在一个框架内。

使用以下代码：-

//switch to the frame
driver.switchTo().frame("envoy");   

//get the phone number field and enter data 
driver.findElement(By.id("formId:fld_SHIPPING_ADDRESS__PHONE_PRIMARY_id")).sendKeys("");

在上面的代码中，我使用了 id 作为定位器。我建议您在 xpath 上使用名称或 id。您正在测试的 Web 应用程序使用正确的 id 和名称标签进行了精美的编码！！

如果这对你有用，请告诉我。

Answer 2

您可以先修复代码中的以下问题：

1. 用对应的</label>标签关闭<label>标签。

2. 去掉@id =字符串中的两个空格。

如果以上解决了您得到的NoSuchElementException，那么您可能还需要将.sendKeys("test") 扩展为.sendKeys("test").submit()，以完成此问题。