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

Question

I am building a custom element with Polymer 1.0 and need to get the content inside the tag using javascipt without it being displayed on the page. I tried using the <content> tag and fetching it inside the javascript with a query selector. This works except it displays on the page even if I use a style="display: none;" attribute. How can I get the content inside the tag without it displaying on the page?

Answer 1

Not sure what exactly your use-case is, but how about simply wrapping your <content> tag with a hidden <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>