Selenium无法点击指定class搜索框 后续同类元素操作失效问题咨询

第一个搜索框点击失败问题 #

失败原因 #

• 你使用的ng-pristine/ng-empty等class是Angular框架动态生成的状态类，会随着用户操作自动变化，属于不稳定定位依据
• 未添加显式等待，页面加载完成后元素可能还未渲染就绪，直接查找元素会抛出找不到元素的异常
• 输入内容后直接按回车无法命中选择联想第一条的需求

修复后代码 #

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
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()
url = 'https://wego.here.com/'
driver.get(url)
# 初始化10秒显式等待
wait = WebDriverWait(driver, 10)

# 只用固定的input_search类定位，不要加动态状态类
search_input = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, '.input_search')))
search_input.click()
search_input.send_keys('Seattle')
# 等待联想结果第一条可点击，再点击
first_suggest = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, '.popover_content li:first-child')))
first_suggest.click()

第二个行程输入框操作失效问题 #

失效原因 #

• 大概率是定位方式不够精准，.itinerary_item_input_0可能匹配到多个隐藏元素，或者类名存在动态变化的可能
• 元素虽然可见，但页面过渡动画未完成，尚未进入可交互状态
• 原生点击被页面事件拦截，普通click方法不生效

修复方案 #

# 原有btn点击逻辑保留
wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn"))).click()

# 更换更稳定的定位方式，优先用属性、层级定位替代单一动态类
# 如果点击失效用JS强制点击
itinerary_input = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "div.itinerary_item input[name^='itinerary_input']")))
driver.execute_script("arguments[0].click();", itinerary_input)
# 清空原有内容后输入
itinerary_input.clear()
# 如果send_keys失效可以用JS直接赋值
# driver.execute_script("arguments[0].value = 'Chicago';", itinerary_input)
itinerary_input.send_keys('Chicago')
itinerary_input.send_keys(Keys.ENTER)

调试小技巧 #

如果还是失效可以先执行以下代码确认元素定位是否正确：

elems = driver.find_elements(By.CSS_SELECTOR, "input.itinerary_item_input_0")
print(f"匹配到的元素数量：{len(elems)}")
for i, elem in enumerate(elems):
    print(f"第{i}个元素是否可见：{elem.is_displayed()}，是否可点击：{elem.is_enabled()}")

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