Python Selenium下拉框自定义日期设置遇元素找不到报错

问题背景 #

下拉框包含entire duration、the most recent 1 week、the most recent 1 month、write your own四个选项，需通过write your own选项修改日期。点击下拉框后，执行定位起始日期输入框（ID：s_t_1_162566497815552）的代码时，出现"No such element"报错。

相关代码片段 #

driver.find_element(By.XPATH, '//*[@id="searchPeriod1"]').click()
start_date = driver.find_element(By.XPATH, '//*[@id="s_t_1_162566497815552"]')
end_date = driver.find_element(By.XPATH, '//*[@id="s_t_2_162566497815552"]')
start_date.clear()
start_date.send_keys('2016.01.01')
end_date.clear()
end_date.send_keys('2016.01.31')
driver.find_element(By.XPATH, '//*[@id="s_b_162566497815552"]/ul/li[4]/p[2]').click()

报错信息 #

no such element on the line:
driver.find_element(By.XPATH, '//*[@id="s_t_1_162566497815552"]')

解决思路与方案 #

1. 添加显式等待，等待元素渲染完成 #

点击下拉框后，日期输入框不会立即加载完成，直接定位会导致找不到元素。使用显式等待确保元素存在后再操作：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 点击下拉框
driver.find_element(By.XPATH, '//*[@id="searchPeriod1"]').click()

# 等待起始日期输入框出现，最长等待10秒
start_date = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 's_t_1_162566497815552'))
)
# 等待结束日期输入框出现
end_date = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 's_t_2_162566497815552'))
)

# 执行日期输入操作
start_date.clear()
start_date.send_keys('2016.01.01')
end_date.clear()
end_date.send_keys('2016.01.31')

# 点击确认按钮
driver.find_element(By.XPATH, '//*[@id="s_b_162566497815552"]/ul/li[4]/p[2]').click()

2. 先选中write your own选项再定位输入框 #

当前代码仅点击下拉框，但可能需要先选择write your own选项，页面才会渲染出日期输入框。补充该步骤：

# 点击下拉框展开选项列表
driver.find_element(By.XPATH, '//*[@id="searchPeriod1"]').click()

# 选中第4个选项（即write your own）
driver.find_element(By.XPATH, '//*[@id="s_b_162566497815552"]/ul/li[4]').click()

# 等待并定位日期输入框
start_date = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 's_t_1_162566497815552'))
)
end_date = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 's_t_2_162566497815552'))
)

# 后续输入操作同上

3. 检查元素ID是否动态生成 #

元素ID中的162566497815552可能是动态变化的（比如每次刷新页面都会改变），此时用ID定位会失效。改用相对定位方式，比如通过CSS选择器或元素属性定位：

# 示例：通过输入框的类名和类型定位起始日期输入框
start_date = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, 'input[type="text"].date-start-input'))
)

内容的提问来源于stack exchange，提问作者Daeun Shin