无法访问Shadow DOM元素，求定位嵌套其中的instance输入框

问题原因 #

你遇到的NoSuchElementException有两个核心原因：

1. 示例代码里用By.NAME定位<html>元素完全错误——<html>标签不存在name属性，自然无法找到。
2. 关键问题：目标输入框嵌套在Shadow DOM中，这是一种与主DOM隔离的封闭子树结构，Selenium默认的find_element方法无法穿透Shadow DOM直接定位内部元素。

解决方案 #

要访问Shadow DOM内的元素，必须先获取对应Shadow Root，再在Shadow Root的上下文里查找目标元素。具体实现步骤如下：

1. 用显式等待替代隐式等待 #

显式等待能精准等待目标元素加载完成，比隐式等待更可靠。

2. 定位Shadow Host元素 #

Shadow DOM必须依附在主DOM内的"宿主元素"（Shadow Host）上，先找到这个宿主。

3. 通过JavaScript获取Shadow Root #

Selenium没有原生API直接获取Shadow Root，需要执行JS脚本获取。

4. 在Shadow Root内定位目标元素 #

完整代码示例：

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

login_url = 'https://sso-login.revelup.com'
driver = webdriver.Chrome()
driver.get(login_url)

try:
    # 显式等待Shadow Host加载完成（根据页面实际结构调整标签名，这里以<sso-login>为例）
    shadow_host = WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.TAG_NAME, "sso-login"))
    )
    # 获取Shadow Root
    shadow_root = driver.execute_script("return arguments[0].shadowRoot;", shadow_host)
    # 在Shadow Root内定位id为"instance"的输入框
    instance_input = shadow_root.find_element(By.ID, "instance")
    # 对输入框执行操作，比如输入内容
    instance_input.send_keys("你的实例ID")
finally:
    driver.quit()

注意事项 #

• 如果页面的Shadow Host不是<sso-login>，需要通过浏览器开发者工具查看实际标签名，调整By.TAG_NAME的参数。
• 仅open模式的Shadow DOM可通过此方法访问，Revel登录页的Shadow DOM为open模式，因此适用。

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