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

Question

我想在自定义元素的定义中使用javascript来设置光dom的css样式。有可能吗？

前提是我有一个使用聚合物创建的小部件，小部件中的内容在轻型DOM中声明。我希望能够隐藏窗口小部件，并将逻辑脚本化到自定义元素本身。

Answer 1

使用 this.children ，我们可以访问自定义元素实例的轻DOM中的元素。它将元素作为数组返回。

在我的情况下，我希望在最小化窗口小部件时将light DOM中的元素的可见性设置为隐藏。

for循环用于设置light DOM中所有元素的可见性

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