这个。$和这个。在聚合物中的区别是什么?

时间:2017-02-01 01:15:01

标签: javascript html polymer

我一遍又一遍地阅读文档,并且没有运气。 docs开始解释这个。$以一个例子,但他们没有给出一个例子来说明这个。$$做什么

据我所知,这个。$会在我的模板中找到我想要的ID。例如 - 我可以使用它。$。test.textContent ="嘿那里"

但是对于这个。$$它只是说"动态创建节点" - 也许有人可以用一个例子来解释静态和动态创建节点之间的区别,以及如何使用它。$$ - 提前谢谢你!

1 个答案:

答案 0 :(得分:6)

Polymer.dom(this.root).querySelector使用了阴暗的DOM API。

带有阴影DOM的聚合物(默认值为1.0)不能完全填充阴影DOM。

要确保在使用<content>时正确考虑浏览器本身不支持的所有Polymer功能(例如querySelector()投影),您需要使用Polymer.dom(...)包装器。

  • this.$是一个getter,它将元素id的静态映射返回给元素引用。由dom-repeat创建或由dom-if隐藏或以其他方式动态创建的元素不包括在内。

  • this.$$()Polymer.dom(this.root).querySelector()的简写函数,因此会考虑动态创建的元素,因为它在执行时实际上会查询DOM。