有没有一种简单的方法可以从任何地方访问组件？

Question

现在我正在做这样的事情：

    function getChartPages() { 
          return document.querySelector("dashboard").shadowRoot.querySelector("#panelA").shadowRoot.querySelector("#panelA3").shadowRoot.querySelector("#panelA3south"); 
    }

我想知道是否有一种简单的方法来实现同样的目标......

Answer 1

document.querySelector('dashboard /deep/ #panelA3south')会让你想要你想要的。您还可以在qS（）中使用::shadow。

值得注意的是，“仪表板”不是有效的自定义元素名称。名称中需要有一个“ - ”。