Python-Selenium：如何获取Shadow DOM内已聚焦的input元素？

Selenium的driver.switch_to.active_element无法获取Shadow DOM内的聚焦元素，是因为这个API只能识别主DOM树中的元素，对Shadow DOM的隔离结构不支持，所以会返回None。最可靠的解决方式是通过JavaScript直接访问Shadow DOM并判断焦点状态。

具体实现步骤 #

• 先定位到Shadow DOM的宿主元素（也就是包含#shadow-root的div）
• 执行JS脚本获取Shadow Root，找到目标input，再对比它是否等于document.activeElement（这个JS属性可以正确识别Shadow DOM内的聚焦元素）

代码示例 #

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

# 初始化驱动（根据你的浏览器调整）
driver = webdriver.Chrome()
driver.get("你的页面URL")

# 等待宿主div加载完成（避免元素未渲染导致的错误）
host_div = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.TAG_NAME, "div"))
)

# 执行JS脚本检测焦点状态
is_input_focused = driver.execute_script("""
    const shadowRoot = arguments[0].shadowRoot;
    const targetInput = shadowRoot.querySelector('input[type="text"]');
    return targetInput === document.activeElement;
""", host_div)

# 输出结果
print(f"目标input是否已聚焦: {is_input_focused}")

driver.quit()

额外说明 #

如果页面中有多个Shadow DOM宿主，或者需要更灵活的定位，可以修改JS中的选择器（比如给input加class或id，用更精准的选择器定位）。另外，确保执行脚本时Shadow DOM已经完全渲染，显式等待是必要的，避免因元素未加载导致的null错误。

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