访问Polymer中内容标记内的html

我试图访问我在自己的聚合元素中编写的html，但它不起作用。我怎样才能做到这一点

index.html

<polymer-element name='my-element'>
    <template>
        <content id='content'></content>
    </template>
    <script>
        Polymer({
            ready: function(){
                console.log('html: '+this.$.content.innerHTML);
            }
        });
    </script>
</polymer-element>

我试图访问的内容

my element.html

<polymer-element name='my-element'>
    <template>
        <content id='content'></content>
    </template>
    <script>
        Polymer({
            ready: function(){
                console.log('html: '+this.$.content.innerHTML);
            }
        });
    </script>
</polymer-element>

聚合物({
就绪：函数（）{
log（'html:'+this.$.content.innerHTML）；
}
});

控制台

---

html:

不幸的是，该实现将内容节点作为

内容的同级插入，而不是作为嵌套节点插入。也就是说，在一切就绪后，文档的结构将如下所示：

<content id='content'></content>
content I am trying to access

希望有帮助。
您不必将内容标签包装到模板中。您只需自己使用，您的原始实现就可以工作。模板有利于重用文档的某些部分，例如列表。
  Polymer({
      domReady: function() {
        var content = '';
        this.childNodes.array().forEach( function(el) {
          content += el.textContent; // do whatever you want here
        });
        console.log(content);
      }
  });

  //⇒ content I am trying to access