如何在Polymer中选择动态节点?

时间:2016-05-09 09:51:55

标签: polymer-1.0

我正在尝试为dom-repeat标记的元素设置鼠标事件。该事件应该触发dom-repeat模板中不同元素的样式更改,基本上只是盒子悬停在框中图标的颜色更改。

由于自动节点查找不适用于动态节点,因此文档说我应该使用$$选择器。

但是,$$只返回本地DOM中与选择器匹配的第一个节点,我想要dom-repeat标记的所有框的悬停效果。

由于$$选择了一个元素的属性,这让我觉得我需要为dom-repeat中的图标设置动态属性,以便我可以在鼠标事件更改函数中选择每个重复的图标实例。

转发器为我提供了索引,但是如何使用它设置动态属性而不是动态值?

我错过了什么?

1 个答案:

答案 0 :(得分:1)

这应该做你想要的:

var nodes = Polymer.dom(this.root).querySelectorAll(...)

如果修改DOM,则可能需要对要修改的各个节点使用Polymer.dom(...) API。

Polymer.dom(nodes[i])...