如何 select Polymer 中的动态节点?
How-to select dynamic nodes in Polymer?
我正在尝试为被 dom-repeat 标记的元素设置鼠标事件。该事件应触发 dom-repeat 模板中不同元素的样式更改,基本上只是框悬停时框内图标的颜色更改。
由于自动节点查找不适用于动态节点,文档说我应该使用 $$ selector.
但是,$$ 仅 returns 本地 DOM 中与 select 匹配的第一个节点或,我希望所有框的悬停效果都被 dom-重复。
作为 $$ select 元素的 属性,这让我觉得我需要为 dom-repeat 中的图标设置一个动态属性,这样我可以 select 鼠标事件更改函数中每个重复的图标实例。
转发器给了我索引,但我如何用它设置动态 属性,而不是动态值?
我错过了什么?
这应该可以满足您的要求:
var nodes = Polymer.dom(this.root).querySelectorAll(...)
如果您修改 DOM,您可能需要为您正在修改的各个节点使用 Polymer.dom(...)
API。
Polymer.dom(nodes[i])...
我正在尝试为被 dom-repeat 标记的元素设置鼠标事件。该事件应触发 dom-repeat 模板中不同元素的样式更改,基本上只是框悬停时框内图标的颜色更改。
由于自动节点查找不适用于动态节点,文档说我应该使用 $$ selector.
但是,$$ 仅 returns 本地 DOM 中与 select 匹配的第一个节点或,我希望所有框的悬停效果都被 dom-重复。
作为 $$ select 元素的 属性,这让我觉得我需要为 dom-repeat 中的图标设置一个动态属性,这样我可以 select 鼠标事件更改函数中每个重复的图标实例。
转发器给了我索引,但我如何用它设置动态 属性,而不是动态值?
我错过了什么?
这应该可以满足您的要求:
var nodes = Polymer.dom(this.root).querySelectorAll(...)
如果您修改 DOM,您可能需要为您正在修改的各个节点使用 Polymer.dom(...)
API。
Polymer.dom(nodes[i])...