Python Selenium元素类名变更后.send_keys()失效问题求助

问题根源 #

Google Flights的出发城市输入框在交互后会动态修改类名，且可能存在DOM元素层级变化导致的点击/输入拦截，直接依赖动态类名定位会导致操作失效。

实用解决方案 #

方案1：使用稳定语义化定位+显式等待

优先用aria-label、placeholder这类不会轻易变化的属性定位，配合显式等待确保元素状态正确：

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

# 等待输入框可点击（根据实际页面的aria-label调整文本）
departure_input = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, '//input[contains(@aria-label, "出发城市")]'))
)
departure_input.click()

# 等待元素处于可输入状态
WebDriverWait(driver, 5).until(
    EC.visibility_of(departure_input)
)

# 清除默认内容并输入城市名
departure_input.clear()
departure_input.send_keys(city_name)

方案2：保留原始元素引用

点击后输入框只是类名变化，DOM元素本身并未替换，直接复用初始元素引用即可：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait

# 获取初始输入框元素
departure_input = driver.find_element(By.CSS_SELECTOR, '.LbIaRd')
departure_input.click()

# 等待类名更新完成
WebDriverWait(driver, 5).until(
    lambda d: 'VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe' in departure_input.get_attribute('class')
)

# 直接用原引用操作
departure_input.clear()
departure_input.send_keys(city_name)

方案3：JavaScript强制操作（解决点击拦截）

如果遇到元素拦截问题，用JS直接操作DOM绕过前端事件限制：

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

departure_input = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, '.LbIaRd'))
)

# JS强制点击
driver.execute_script("arguments[0].click();", departure_input)
# JS直接设置输入值
driver.execute_script("arguments[0].value = arguments[1];", departure_input, city_name)

关键注意点 #

• 拒绝使用动态变化的类名作为唯一定位依据，优先选择语义化属性或固定结构的XPath/CSS
• 用显式等待替代time.sleep，避免因页面加载速度差异导致的操作失败
• 复用元素引用减少DOM查找，避免定位到旧/重复元素

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