polymer - Polymer 2.0：如何在 shadow dom 中动态附加子级，因为附加子级不起作用

Question

尝试添加子元素时收到此错误消息：

未捕获的类型错误：无法在“节点”上执行“appendChild”：参数 1 不是“节点”类型。

Answer 1

在您的组件的上下文中，例如在 ready 方法中，尝试以下操作。

ready(){
    super.ready();
    this.root.appendChild(newEle);
}

或者从组件外部，例如在任何托管您的组件中，尝试以下操作。

document.querySelector("your-component-is").root.appendChild(newEle);

Answer 2

你可以试试：

      // Get element from shadow dom
      var containerEle = Polymer.dom(this.root).querySelector('shadow_dom_selector');

      // Create dynamic element
      var newEle = document.createElement('span');
      newEle.textContent = 'Hello World';

      // Append
      containerEle.appendChild(newEle);

如果你的容器元素有一个 id

      Polymer.dom(this.$.containerElementId).appendChild(newEle);