如何使用 javascript 独立设置聚合物自定义元素的每个实例的灯光 dom

how to style the light dom of each instance of a polymer custom element independently using javascript

我想在自定义元素的定义中使用 javascript 为灯 dom 的 css 设置样式。可能吗?

前提是我有一个使用聚合物创建的小部件,小部件内的内容在灯光中声明DOM。我喜欢能够隐藏小部件并将逻辑编写到自定义元素本身。

使用this.children,我们可以访问自定义元素实例的light DOM内的元素。它将 returns 的元素作为一个数组。

在我的例子中,当小部件正在最小化。

一个for循环用于设置灯光中所有元素的可见性 DOM

for(var i = 0;i<this.children.length;i++)
{
    $(this.children[i]).css("visibility",'hidden');
}