如何解决Selenium操作指定网页时的‘element not interactable’错误

我想用Selenium与目标网站交互，页面逻辑是选完第一个下拉菜单后才能操作后续菜单，但选完第一个选项后，后续菜单还是无法交互，就算手动设置display="block"也没用，元素既不显示也没法操作。我的代码如下：

import selenium.webdriver as wbd
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select
import time

driver = wbd.Chrome() # may alter with browser
driver.get('http://wordvec.colorado.edu/matrix_comparison.html') # fixed

vector_type = driver.find_element(By.NAME, 'vector_type')
Select(vector_type).select_by_value("LSA")
time.sleep(1)

topic_space = driver.find_element(By.ID, "topic_space")
print(topic_space.is_displayed())
topic_space.send_keys("tasa") # fixed
time.sleep(1)

comparison_type = driver.find_element(By.NAME, 'comparison_type')
comparison_type.send_keys('document') # fixed
time.sleep(1)

num_factors = driver.find_element(By.NAME, 'num_factors')
num_factors.send_keys(str(30)) # set # or 100
time.sleep(1)

出现的错误信息：

Message: element not interactable
(Session info: chrome=119.0.6045.105)

解决方案 #

问题出在页面动态交互逻辑和等待机制上，直接用time.sleep和send_keys无法匹配页面JavaScript的渲染节奏，需要改用显式等待确保元素真正可交互，同时遵循下拉菜单的原生交互方式：

修改后的代码 #

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

driver = wbd.Chrome()
driver.get('http://wordvec.colorado.edu/matrix_comparison.html')

# 等待第一个下拉菜单可点击，选择LSA选项
vector_type = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, 'vector_type'))
)
Select(vector_type).select_by_value("LSA")

# 等待topic_space的容器可见，再操作下拉菜单
WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.ID, "topic_space_container"))
)
topic_space = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, "topic_space"))
)
Select(topic_space).select_by_value("tasa")

# 等待comparison_type下拉菜单可交互，选择document选项
comparison_type = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, 'comparison_type'))
)
Select(comparison_type).select_by_value('document')

# 等待num_factors下拉菜单可交互，选择30选项
num_factors = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, 'num_factors'))
)
Select(num_factors).select_by_value(str(30))

关键说明 #

1. 替换time.sleep为显式等待：WebDriverWait会等待元素满足指定条件（比如可点击、可见）后再执行操作，比固定时间等待更可靠，避免页面未渲染完成就操作元素。
2. 用Select类操作下拉菜单：下拉菜单的原生交互方式是通过Select选择选项，而非直接send_keys，后者会绕过页面的交互逻辑，导致元素无法响应。
3. 等待父容器可见：后续下拉菜单的显示依赖第一个选项的选择，需要先等待它们的父容器（比如topic_space_container）可见，确保页面JavaScript完成了显示逻辑的触发。

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