Polymer 2.0:如何在阴影dom中动态追加子对象,因为追加子对象不会';行不通

Polymer 2.0:如何在阴影dom中动态追加子对象,因为追加子对象不会';行不通,polymer,web-component,polymer-2.x,Polymer,Web Component,Polymer 2.x,尝试添加子元素时收到此错误消息: 未捕获的TypeError:未能在“节点”上执行“appendChild”:参数1不是“节点”类型 你可以试试: // Get element from shadow dom var containerEle = Polymer.dom(this.root).querySelector('shadow_dom_selector'); // Create dynamic element var newEle = d

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

未捕获的TypeError:未能在“节点”上执行“appendChild”:参数1不是“节点”类型

你可以试试:

      // 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);
你可以试试:

      // 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);

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

ready(){
    super.ready();
    this.root.appendChild(newEle);
}
document.querySelector("your-component-is").root.appendChild(newEle);
或者从组件外部,例如在组件所在的任何主机中,尝试以下操作

ready(){
    super.ready();
    this.root.appendChild(newEle);
}
document.querySelector("your-component-is").root.appendChild(newEle);

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

ready(){
    super.ready();
    this.root.appendChild(newEle);
}
document.querySelector("your-component-is").root.appendChild(newEle);
或者从组件外部,例如在组件所在的任何主机中,尝试以下操作

ready(){
    super.ready();
    this.root.appendChild(newEle);
}
document.querySelector("your-component-is").root.appendChild(newEle);

你能提供一些代码吗?如果你想得到答案,请发布一些你试图记录的示例。如果你想得到答案,请发布一些你试图记录的示例。注意
Polymer.dom
方法是传统方法。这不是聚合物2的基本特征。请注意Polymer.dom方法是遗留方法。这不是聚合物2的基本特征。