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

Question

我想在自定义元素的定义中使用javascript设置light 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');
}