Question

所以，我试图在查看器中使用querySelector选择聚合物自定义元素（使用paper_elements）。我能够很好地选择常规的html元素。特别是，我试图选择特定的纸张输入元素。我希望能够查询它的第二个阴影根源中的输入元素。

我尝试过以下方法：

querySelector('#my-paper-input::shadow #input')
querySelector('paper-input::shadow input')

和其他一些变化。但是，无论我做什么，查询总是返回null。这让我很生气，因为我可以用CSS设计它。怎么办？

Answer 1

据我所知，你必须使用几个步骤

querySelector('#my-paper-input').shadowRoot.querySelector('input');

但您还应该能够使用外部元素的属性（如

）来访问该值

querySelector('#my-paper-input').attributes['value'] or
querySelector('#my-paper-input').attributes['inputValue']