如何在 Shadowroot 中达到 Class

Question

这可能很简单，我想知道如何到达 class“sn-inbox”

使用下面的代码我可以到达第一个影子根的子节点，但是我如何到达下一个影子根，我应该能够轻松到达 class.

let Acceptbtn = $("[slot=primary-content-area")[4]?.shadowRoot?.childNodes[0];      

Answer 1

据我从您的屏幕截图中可以看出，<sn-inbox> 在 <sn-ux-content-option> 的 lightDOM 中（有阴影DOM) 并且（我猜）是 开槽 到 <slot>?

您可以使用 slotChange 事件来捕获何时 内容被插入

• https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/slotchange_event

或访问 DOM 元素 in lightDOM

let Acceptbtn = $("[slot=primary-content-area")[4]?.querySelector("sn-inbox");

有关详细的槽位信息，请参阅：