Traverse DOM tree of Polymer element

355 Views Asked by Nils Werner At 17 April 2025 at 06:30

Is it possible to traverse the DOM subtree when I am using a Polymer element custom-element like

<polymer-element name="custom-element" attributes="something">
  <template>
  </template>

  <script>
  // access ul and li from the actual DOM here.
  </script>
</polymer-element>

<body>
  <custom-element something="foo">
    <ul>
      <li>Bar</li>
      <li>Hello</li>
    </ul>
  </custom-element>
</body>

I want to be able to parameterize my Polymer element using the markup that's wrapped by it.

Original Q&A

There are 1 best solutions below

Nils Werner On 19 November 2014 at 14:42 BEST ANSWER

Actually, this.children allows access to them.

<polymer-element name="custom-element" attributes="something">
  <template>
  </template>

  <script>
  Polymer({
    created: function() {
      console.log(this.children);
    }
  });
  </script>
</polymer-element>

Traverse DOM tree of Polymer element

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in POLYMER

Related Questions in SHADOW-DOM

Trending Questions

Popular # Hahtags

Popular Questions