嘗試通過 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

要將字符序列發送到Email 地址字段，您可以使用以下任一定位器策略：

• 使用css_selector ：

   driver.find_element(By.CSS_SELECTOR, "input[name='emailAddress'][data-componentname='emailAddress']").send_keys("sebtheoo@stackoverflow.com")

• 使用xpath ：

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

所需的元素是動態元素，因此理想情況下，要將字符序列發送到您需要為element_to_be_clickable()誘導WebDriverWait的元素，您可以使用以下任一定位器策略：

• 使用CSS_SELECTOR ：

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

• 使用XPATH ：

   WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@name='emailAddress' and @data-componentname='emailAddress']"))).send_keys("sebtheoo@stackoverflow.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')

或者因為它有一個 name 屬性所以你也可以試試

input_box = driver.find_element_by_name('emailAddress')

或者因為它也有一個占位符，所以即使您可以將 xpath 與占位符結合使用

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

Answer 3

您需要檢查沒有更改的標簽。 例如，在這兩個數據中，名稱都沒有改變。 因此，您可以繼續前進。

要使用名稱標簽訪問元素，請嘗試以下語法：

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