Selenium Python 4.7.2操作Teams输入框时innerHTML赋值报错

问题原因 #

你遇到的Cannot set properties of null错误，确实是因为消息输入框所在元素处于iframe内部——Selenium默认在主页面DOM上下文操作，无法直接访问iframe里的元素。

解决步骤 #

1. 切换到对应的iframe上下文
   Teams的消息编辑区域通常在带有特定属性的iframe中，先定位并切换进去：

   from selenium import webdriver
   from selenium.webdriver.common.by import By
   from selenium.webdriver.support.ui import WebDriverWait
   from selenium.webdriver.support import expected_conditions as EC
   
   # 等待iframe加载完成（超时时间10秒，可按需调整）
   iframe = WebDriverWait(driver, 10).until(
       EC.presence_of_element_located((By.CSS_SELECTOR, 'iframe[title="Message compose area"]'))
   )
   # 切换到iframe内部
   driver.switch_to.frame(iframe)
   

   注：如果title属性匹配不到，可通过DevTools查看iframe的id、class等其他属性调整选择器。

2. 修改元素内容
   切换上下文后，再执行你的JS代码即可：

   driver.execute_script('document.querySelector(".ck-placeholder").innerHTML = "TEST";')
   

   更推荐直接定位可编辑区域输入（比JS操作更稳定）：

   # 定位ck-editor的可编辑输入框
   editable_box = driver.find_element(By.CSS_SELECTOR, '.ck-editor__editable_inline[contenteditable="true"]')
   editable_box.send_keys("TEST")
   

3. 切回主页面（如需后续操作）
   如果还要操作主页面的元素，记得切回默认上下文：

   driver.switch_to.default_content()
   

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