Python/Selenium如何访问Shadow DOM插槽中的按钮元素？

你已经正确定位到ing-cc-button-6610的ShadowRoot，后续无法找到按钮的核心原因是：按钮是通过Slot分发到Shadow DOM中的外部元素，常规定位方法无法直接在ShadowRoot上下文里捕获到它。试试下面两种可行方案：

方案1：直接通过JavaScript在ShadowRoot内操作按钮 #

# 已获取shadowrootC后执行
driver.execute_script("arguments[0].querySelector('button').click();", shadowrootC)

方案2：通过Slot获取分发的按钮元素 #

# 定位ShadowRoot内的slot元素
slot = shadowrootC.find_element(By.TAG_NAME, 'slot')
# 获取slot分发的实际按钮元素并点击
distributed_btn = driver.execute_script("return arguments[0].assignedElements()[0];", slot)
distributed_btn.click()

另外你提到的同级带iframe的ShadowRoot，和当前操作的ShadowRoot没有关联——iframe是独立的浏览上下文，而ShadowRoot属于当前文档的DOM隔离层，二者互不影响。

Shadow Root vs Iframe #

• Shadow Root：属于当前HTML文档的DOM子树隔离层，和外部DOM共享同一浏览上下文，只是结构上做了隔离，可通过合法JS操作访问，样式不会和外部冲突。
• Iframe：嵌入的独立HTML文档，拥有完全独立的浏览上下文，DOM、样式、JS都和父页面隔离，必须切换上下文才能操作内部元素。

Shadow Root / Slot / Button #

• Shadow Root：自定义组件的内部DOM容器，用来封装组件私有结构，外部DOM无法直接访问内部元素，必须先获取ShadowRoot才能操作。
• Slot：Shadow DOM里的占位符，用来接收外部传入的DOM元素（即“分发元素”），让组件能灵活插入外部内容。你要找的按钮就是被分发到Slot里的外部元素。
• Button：实际的交互元素，它原本在自定义组件（ing-cc-button-6610）外部，通过Slot被“插入”到组件的ShadowRoot中显示，所以常规定位方法无法直接在ShadowRoot里找到它，需要用JS获取分发的元素。

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