使用Selenium登录网站时出现ElementNotInteractableException报错的原因是什么？

• 页面存在多个id为username的元素：你用find_element_by_id默认取匹配到的第一个元素，而第一个大概率是页面上隐藏的备用元素，没有渲染在可视区域，也没有绑定交互事件，自然无法输入内容。你可以打开目标页面按F12在控制台执行document.querySelectorAll('#username')验证，返回的节点列表长度如果大于1就属于这种情况。
• 登录表单默认处于隐藏状态：该网站的登录功能是通过模态弹窗实现的，默认不会渲染在页面可视层，需要先点击页面上的「登录」按钮触发弹窗加载后，输入框才会变为可交互状态，你跳过触发弹窗的步骤直接定位输入框，哪怕加了可见性等待也会匹配到隐藏的无效元素。
• 元素存在交互限制：部分网站的登录输入框默认会加disabled、readonly属性，或者有透明遮罩层覆盖在输入框上方，都会导致元素无法接收输入事件。

1. 修正元素定位逻辑
   如果确认存在多个同ID元素，要限定定位范围到登录弹窗内，示例代码如下：

# 先点击触发登录弹窗的按钮，选择器替换为页面实际对应的元素即可
browser.find_element_by_css_selector('.header-login-btn').click()
# 等待弹窗内的用户名输入框可交互
wait = WebDriverWait(browser, 10)
username_input = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, '.login-modal #username')))
username_input.send_keys('xyz@pqr.com')
# 密码输入和登录点击逻辑同理

如果确认第二个匹配到的元素是有效输入框，也可以直接用索引取值：

username_input = browser.find_elements_by_id('username')[1]

2. 用JS强制赋值绕过交互限制
   如果以上方式还是无效，可以直接执行JS给输入框赋值，跳过浏览器的交互校验：

username_input = browser.find_element_by_id('username')
password_input = browser.find_element_by_id('password')
browser.execute_script("arguments[0].value = 'xyz@pqr.com'", username_input)
browser.execute_script("arguments[0].value = 'abc@123%$'", password_input)
# 点击登录按钮
browser.find_element_by_xpath('/html/body/div[1]/div[1]/form/button').click()

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