尝试通过 selenium python 选择一个输入框，但每次重新加载页面时元素中的'id'都会更改

Question

HTML:

<input id="4432e17d-eed6-4620-9bb4-d75ffbd321fa" type="email" placeholder="Email address" value="" name="emailAddress" data-componentname="emailAddress" autocomplete="email" autocorrect="off" autocapitalize="off" spellcheck="false">

刷新：

<input id="4a463943-7f58-42ea-9317-ba9f9518811e" type="email" placeholder="Email address" value="" name="emailAddress" data-componentname="emailAddress" autocomplete="email" autocorrect="off" autocapitalize="off" spellcheck="false">

我如何在不使用ID的情况下选择此元素。

我尝试过XPATH和CSS SELECTOR，但都没有成功。完整XPATH:

/html/body/div[2]/div[3]/div[5]/form/div[1]/input

XPATH:

//*[@id="4a463943-7f58-42ea-9317-ba9f9518811e" except the ID changes. 

有什么帮助吗？

Answer 1

要将字符序列发送到电子邮件地址字段，您可以使用以下定位器策略之一：

• 使用css_selector:

  driver.find_element(By.CSS_SELECTOR, "input[name='emailAddress'][data-componentname='emailAddress']").send_keys("[e-mail]")
  

• 使用xpath:

  driver.find_element(By.XPATH, "//input[@name='emailAddress' and @data-componentname='emailAddress']").send_keys("[e-mail]")
  

所需的元素是动态元素，因此理想情况下，要向元素发送字符序列，您需要诱导WebDriverWait等待element_to_be_clickable()，您可以使用以下定位器策略之一：

• 使用CSS_SELECTOR:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[name='emailAddress'][data-componentname='emailAddress']"))).send_keys("[e-mail]")
  

• 使用XPATH:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@name='emailAddress' and @data-componentname='emailAddress']"))).send_keys("[e-mail]")
  

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

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

Answer 2

尝试通过标签名称选择元素

input_box = driver.find_elements_by_tag_name('tag_name_of_input_box')

或因为它有一个名称属性，所以你也可以尝试

input_box = driver.find_element_by_name('emailAddress')

或者因为它还有一个占位符，所以即使你也可以将xpath与占位符结合起来

input_box = driver.find_element_by_xpath('"//input[@placeholder='Email address']"')

Answer 3

您需要检查没有更改的标记。例如，在这两个数据中，名称没有更改。因此，你可以继续前进。

要使用name标记访问元素，请尝试以下语法：

driver.findElement(By.name("emailAddress"));