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

Question

在自定义聚合物元素的 ready() 方法中，我正在创建一个新元素并动态插入它。尽管它被视为影子的一部分 DOM，但在页面上不可见。

解释是什么以及如何解决这个问题？

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

Answer 1

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