如何使用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');
}