如何在Polymer 2.x中使用选择器选择所有元素

Question

我正在尝试在Polymer 2.x中选择class="test"的所有元素，但遇到了问题。

document.querySelectorAll('.test')不选择任何内容

document.body.querySelectorAll('.test')不选择任何内容

this.querySelectorAll('.test')不选择任何内容

this.shadowRoot.querySelector('.test')仅选择页面上的第一个匹配节点

注意：这些都是在单个文档中呈现的，不需要破坏阴影DOM层。

Answer 1

因此，function test() { var ss = SpreadsheetApp.getActiveSpreadsheet(); var sheet = ss.getActiveSheet(); sheet.appendRow(Utilities.formatDate(new Date(), "GMT", "dd-MMM-yyyy")); } 最终也支持shadowRoot方法（全部），其中应该返回NodeList，其中所有项目都匹配查询。

例如，如果您打开Polymer News App，它使用shadowDom：

https://news-docs.polymer-project.org/

并运行查询：

querySelectorAll

它为我返回3件物品。

因此，在您的情况下，请尝试以下方法：

document.querySelector('docs-app').shadowRoot.querySelectorAll('.tab');