聚合物元素內動態插入的元素不可見

Question

在定製聚合物元素的ready()方法中，我創建了一個新元素並動態插入它。儘管它看起來是Shadow DOM的一部分，但它在頁面上不可見。

什麼可能是解釋和如何解決這個問題？

DivElement de = new DivElement(); 
de.text = 'new div'; 
de.setAttribute('id' ,'myholder'); 
append(de); 

Answer 1

這樣你可以將它添加爲子元素而不是作爲陰影DOM的一部分。 改爲使用shadowRoot.append...。 如果元素模板中沒有<content></content>元素，則不顯示子元素。