如何单击由 javascript 使用 selenium 生成的元素

Question

我正在尝试创建一个为我创建帐户的机器人，但我无法与需要发送我的凭据的元素交互。

我所知道的是，我尝试与之交互的元素是在单击另一个按钮后在 javascript 中生成的。我找到了多个答案，但都是用 Node.js 以外的其他语言编写的。

我正在尝试发送有关此元素的凭据：

<input type="text" name="pseudo" id="pseudo" placeholder="Mon pseudo légendaire" style="margin-bottom: 10px;" maxlength="10">

我试过用这个：

driver.findElement(By.xpath('//*[@id="pseudo"]')).sendKeys('CREDITENTIALS')

返回此错误：Webdrivererror: element is not visible。

HTML 元素代码如下所示：

<input type="text" name="pseudo" id="pseudo" placeholder="Mon pseudo légendaire" style="margin-bottom: 10px;" maxlength="10">

问题不在于我必须等到我试图与之交互的元素显示出来，因为它已经显示，问题是我想通过 xpath 单击与我的 findElement 匹配的第二个元素，因为我试图点击的内容在 html 代码中存在 2 次，只有第二个是可交互的。

---

更新（来自 cmets）

此元素在以下<div> 标签内：

<div id="modal_message_wrapper" class="block_scrollable_wrapper scrollbar-light yellow noise inscription">

Answer 1

您可以构造一个独特的 xpath 组合id、name 和placeholder 属性，如下所示：

driver.findElement(By.xpath("//input[@id='pseudo' and @name='pseudo' and @placeholder='Mon pseudo légendaire']")).sendKeys('CREDITENTIALS')

---

更新

正如你提到的，所需的元素在：

<div id="modal_message_wrapper" class="block_scrollable_wrapper scrollbar-light yellow noise inscription">

所以你可以使用下面这行代码：

driver.findElement(By.xpath("//div[@class='block_scrollable_wrapper scrollbar-light yellow noise inscription' and @id='modal_message_wrapper']//input[@id='pseudo' and @name='pseudo' and @placeholder='Mon pseudo légendaire']")).sendKeys('CREDITENTIALS')

注意：很明显该元素在 Modal Dialog Box 中，因此您必须以 WebDriverWait 的形式诱导服务员> 在您尝试将任何字符序列发送到 <input> 元素之前。