如何读取Shadow Root内元素文本？解决‘no such shadow root’报错

常见原因及修正步骤 #

1. 确认元素包含开放的Shadow Root #

Shadow Root分开放（open）和关闭（closed）两种，只有开放的才能通过GetShadowRoot()获取。用浏览器开发者工具（F12）检查目标元素：

• 查看其Shadow Root节点是否标记为#shadow-root (open)
• 若是#shadow-root (closed)，常规WebDriver API无法访问，需通过注入JS脚本处理

2. 确保元素完全加载 #

执行GetShadowRoot()前，目标元素可能未渲染完成，需添加显式等待：

// 等待父元素可见且存在
WebElement parentElement = new WebDriverWait(driver, TimeSpan.FromSeconds(10))
    .Until(ExpectedConditions.ElementIsVisible(CustomTimeHours));
// 获取Shadow Root并读取文本
IShadowRoot shadowRoot = parentElement.GetShadowRoot();
string dateText = shadowRoot.FindElement(By.Id("placeholder")).Text;

3. 验证父元素定位准确性 #

若CustomTimeHours定位器未找到正确父元素，自然无法获取Shadow Root。先验证父元素是否存在：

if (driver.FindElements(CustomTimeHours).Count > 0)
{
    // 继续后续操作
}
else
{
    // 调整定位器，确保能定位到正确的父元素
}

4. 通过JS脚本直接获取内容 #

若上述方法无效，可尝试注入JavaScript获取Shadow Root内的文本：

// 替换CustomTimeHoursLocator为实际定位器对应的字符串（如CSS选择器）
string script = @"
    const parent = document.querySelector('" + CustomTimeHoursLocator + @"');
    const shadowRoot = parent.shadowRoot;
    return shadowRoot.getElementById('placeholder').textContent;
";
string dateText = (string)((IJavaScriptExecutor)driver).ExecuteScript(script);

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