如何在Selenium中定位并交互Shadow DOM与iframe？实战问题求助

目标网站的iframe被嵌套在Shadow DOM结构里，常规CSS选择器或XPATH没法直接穿透Shadow DOM访问内部元素，得按下面的步骤操作：

步骤1：定位Shadow DOM的宿主元素 #

先找到包含shadow-root的父元素（宿主），打开浏览器开发者工具（F12）查看页面结构，比如这个网站里可以用CSS选择器div#cf-chl-root定位宿主元素。

步骤2：获取ShadowRoot对象 #

WebDriver需要主动获取Shadow DOM的根节点才能访问内部元素，注意只有open模式的Shadow DOM支持这种操作（Elements面板里shadow-root旁会标注open），如果是closed模式，外部无法访问内部元素。

步骤3：在ShadowRoot内定位iframe #

拿到ShadowRoot后，就能用常规方法在里面定位目标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

driver = webdriver.Chrome()
driver.get("https://dashboard.scrape.do/login?ReturnUrl=%2F")

# 等待Shadow DOM宿主加载完成
shadow_host = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, "div#cf-chl-root"))
)

# 执行JS获取ShadowRoot对象
shadow_root = driver.execute_script("return arguments[0].shadowRoot", shadow_host)

# 在ShadowRoot内定位目标iframe
iframe = WebDriverWait(shadow_root, 10).until(
    EC.presence_of_element_located((By.ID, 'cf-chl-widget-3kwf9'))
)

# 后续可切换到iframe进行操作
driver.switch_to.frame(iframe)

注意事项 #

• 开发者工具里确认宿主元素的选择器，页面结构变化时需同步调整
• 若元素加载慢，可适当延长WebDriverWait的等待时长

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