获取元素内容，而不在Polymer中显示页面

Question

我正在使用Polymer 1.0构建自定义元素，并且需要使用javascipt获取标记内的内容，而不会在页面上显示。我尝试使用<content>标记并使用查询选择器在javascript中获取它。即使我使用style="display: none;"属性，它也会显示在页面上。如何在标签内显示内容而不显示在页面上？

Answer 1

不确定您的用例究竟是什么，但是如何简单地将<content>标记用隐藏的<div>包裹？

<dom-module id="x-test">
  <template>
    <div hidden>
      <content id="content"></content>
    </div>
  </template>
  <script>
    Polymer({
      is: "x-test",
      attached: function () {
        // access distributed content like this
        var myContent = Polymer.dom(this.$.content).getDistributedNodes();
      }
    });
  <script>
</dom-module>