尝试通过 selenium python select 输入框，但每次重新加载页面时元素中的 '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 的情况下 select 这个元素。

我试过 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("sebtheoo@whosebug.com")

使用xpath:

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

所需的元素是一个动态元素，所以理想情况下，发送一个字符序列到你需要诱导WebDriverWait的元素并且您可以使用以下任一项 :

使用CSS_SELECTOR:

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

使用XPATH:

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

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

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 都没有改变。因此，您可以继续进行。

要使用 name 标签访问元素，试试这个 syntax:

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

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

Trying to select an input box through selenium python but the 'id' in the element changes every time I reload the page

python

selenium

xpath

css-selectors

webdriverwait