用于聚合物阴影dom元素的基于类的css样式

Question

我正在尝试使用JavaScript为我的shadow DOM元素添加样式。我知道你可以使用this.$.elementID通过他们的id选择每个元素，但有没有方法通过它的类属性选择元素？

谢谢

Answer 1

我会说$.elementID是一种语法糖，有点......

没有办法如何按类别$.classname选择元素，因为它没有任何意义，因为 classname 可能不是唯一

在模板中设置了根ID，然后使用以下内容：

this.$.elementID.querySelector('.classname')

Answer 2

可以选择使用

直接访问Shadow DOM

this.shadowRoot.querySelector('.classname');

否则，正如@Eugene建议的那样，将标识符（#container）添加到自定义元素，然后使用，

this.$.container.querySelector('.classname');

其他信息，
- https://www.polymer-project.org/docs/polymer/polymer.html#automatic-node-finding