聚合物元素内动态插入的元素不可见

问题描述：

在定制聚合物元素的ready()方法中，我创建了一个新元素并动态插入它。尽管它看起来是Shadow DOM的一部分，但它在页面上不可见。聚合物元素内动态插入的元素不可见

什么可能是解释和如何解决这个问题？

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

答

这样你可以将它添加为子元素而不是作为阴影DOM的一部分。改为使用shadowRoot.append...。如果元素模板中没有<content></content>元素，则不显示子元素。