html - 为什么 shadowRoot.querySelector 返回 null？

Question

我需要访问#shadow-root（打开）中的元素。我在 Chrome 浏览器中使用“复制 JS 路径”来获取如下代码。但它返回空值。如果我只取第一个 shadowRoot，它看起来还可以。但下一级返回空值。我该如何解决？提前致谢！

document.querySelector('body > sn-workspace-layout > sn-workspace-main > sn-workspace-primary-content > sn-ux-content-option:nth-child(3) > sn-workspace-list-module').shadowRoot

document.querySelector('body > sn-workspace-layout > sn-workspace-main > sn-workspace-primary-content > sn-ux-content-option:nth-child(3) > sn-workspace-list-module').shadowRoot.querySelector('div > div.list-wrapper > now-record-list-connected').shadowRoot.querySelector('div > now-record-list').shadowRoot.querySelector('div > div.sn-list-grid-container > div > now-table').shadowRoot.querySelector('#gridcontainer > div > table')

标签： htmldom