Javascript 如何使用聚合物添加动态扩展元素？

我有一个按钮：

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/core-input/core-input.html">

<polymer-element name="count-button" extends="button" on-click="increment">
  <template>
    <content>Increment: </content>
  </template>

  <script>
    Polymer({
      counter: 0,
      increment: function(e, detail, sender) {
          this.counter++;
          alert(this.counter);
      }
    })
  </script>
</polymer-element>

增量：
聚合物({
柜台:0,，
增量：函数（e、详细信息、发送方）{
这个.counter++；
警报（此计数器）；
}
})

我通过以下方式成功地在html中使用它：

<button is="count-button"></button>

如何在js中添加这样的按钮？我的错误版本是（就绪功能）：

我的意见
聚合物（“my-input”{
出版：{
},
就绪：函数（）{
var节点=document.createElement（“按钮”）；
setAttribute（'is'，'count button'）；
this.shadowRoot.appendChild（节点）；
}
});

我自己找到了解决方案，简单到这两行：

var node = document.createElement("button", 'count-button');
this.shadowRoot.appendChild(node);

因此，完整的答案如下：

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name='my-input'>
    <template>
        my input
        <style>
        </style>
    </template>
    <script>
        Polymer('my-input', {
            publish: {
            },
            ready: function() {
                # only these 2 lines
                var node = document.createElement("button", 'count-button');
                this.shadowRoot.appendChild(node);
            }
        });
    </script>
</polymer-element>

我的意见
聚合物（“my-input”{
出版：{
},
就绪：函数（）{
#只有这两行
var节点=document.createElement（“按钮”，“计数按钮”）；
this.shadowRoot.appendChild（节点）；
}
});

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name='my-input'>
    <template>
        my input
        <style>
        </style>
    </template>
    <script>
        Polymer('my-input', {
            publish: {
            },
            ready: function() {
                # only these 2 lines
                var node = document.createElement("button", 'count-button');
                this.shadowRoot.appendChild(node);
            }
        });
    </script>
</polymer-element>