<paper-toolbar> 上的哪个 querySelector 更好？

Question

var toolbar = Polymer.dom(document).querySelector('#main-toolbar')

---

var toolbar = document.querySelector('#main-toolbar');

---

<paper-toolbar id="main-toolbar">

1) 为什么 document.querySelector 在 paper-toolbar 是影子 dom 元素时起作用？或另一种表达方式...为什么它适用于本地 dom?

中的元素

2) 由于这两个 querySelector 都有效，哪个更好用？

Answer 1

工具栏不在聚合物元素内。 你可以使用 document.querySelector('#main-toolbar'); 此处无需使用 Polymer API（聚合物元素为 HTML 元素）。 聚合物 API 可用于访问 shadow/shady DOM（在聚合物元素内部）。