如何使用 Selenium 在文本字段中插入值？

Question

我无法使用 Selenium Python 在 html 公式的字段文本中插入值：

我有这个 HTML：

<div data-react-toolbox="input" class="_2dBwA"><input type="text" placeholder="Endereço de e-mail" class="_2WvFs" role="input"><span class="fT1WI"></span></div>

还有这个 XPath：

(Copy Xpath) //*[@id="root"]/div/div[2]/div[2]/div/input

还有这个：

(Copy outerHTML) <input type="text" placeholder="Endereço de e-mail" class="_2WvFs" role="input">

我做到了，但没有用：

[In]: login_name = 'Cassandra'
[In]: insert_login_name = driver.find_element_by_xpath('//input[@id="root"]')
[In]: insert_login_name.send_keys(login_name);

[Out]: NoSuchElementException:  Message: no such element: Unable to locate element: {"method":"xpath","selector":"//input[@id="root"]"}

在此文本字段中输入文本后，结果将是 html 'values' = 'Cassandra'

<div data-react-toolbox="input" class="_2dBwA"><input type="text" placeholder="Endereço de e-mail" class="_2WvFs _3QmiH" role="input" value='Cassandra'><span class="fT1WI"></span></div>

我能做什么？我是新来的。谢谢

Answer 1

desired element 是启用了ReactJS 的元素，因此要在元素中发送字符序列，您必须为element_to_be_clickable() 诱导WebDriverWait，然后您可以使用以下任一Locator Strategies：

• 使用CSS_SELECTOR：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div[data-react-toolbox='input']>input[placeholder='Endereço de e-mail'][type='text']"))).send_keys(login_name)
  

• 使用XPATH：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@data-react-toolbox='input']/input[@placeholder='Endereço de e-mail' and @type='text']"))).send_keys(login_name)
  

• 注意：您必须添加以下导入：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  

---

更新

似乎这是一个语言环境问题。将 placeholder 属性的 值 从 Endereço de e-mail 更改为 E-mail address 效果很好。

• 使用CSS_SELECTOR:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div[data-react-toolbox='input']>input[placeholder*='mail'][type='text']"))).send_keys(login_name)
  

• 使用XPATH：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@data-react-toolbox='input']/input[contains(@placeholder, 'mail') and @type='text']"))).send_keys(login_name)
  

---

参考

您可以在以下位置找到相关的详细讨论：

• Selenium “selenium.common.exceptions.NoSuchElementException” when using Chrome

Answer 2

引入 WebDriverWait 和 element_to_be_clickable() 以及后续的 css 选择器。

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
driver=webdriver.Chrome()
driver.get("https://www.atlasgov.com/login")
WebDriverWait(driver,20).until(EC.element_to_be_clickable((By.CSS_SELECTOR,'div[data-react-toolbox="input"] >input[placeholder="E-mail address"][role="input"]'))).send_keys("Cassandra")

浏览器快照：

---

更新了 Xpath。

---

WebDriverWait(driver,20).until(EC.element_to_be_clickable((By.XPATH,'//div[@data-react-toolbox="input" and @class="_2dBwA"]/input[@role="input"]'))).send_keys("Cassandra")

或

WebDriverWait(driver,20).until(EC.element_to_be_clickable((By.XPATH,'(//div[@data-react-toolbox="input"]//input[@role="input"])[1]'))).send_keys("Cassandra")

Answer 3

错误信息非常清楚：selenium 无法在给定的 xpath 中找到元素。因为你有元素的 id，所以直接使用它而不是 xpath。

driver.find_element_by_id('root')

Answer 4

这是关于错误定位器xpath 的问题。虽然在给定的 Html 中没有 ID 为 root 的元素，但似乎可以有任何父节点以 ID 为 root 请尝试根据提供的 html 使用给定的 xpath。希望它会工作：

driver.find_element_by_xpath("//input[@placeholder='Endereço de e-mail']");