遍历Polymer元素的DOM树

时间:2014-11-19 12:05:45

标签: javascript polymer shadow-dom

当我使用Polymer元素custom-element时,是否可以遍历DOM子树

<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>

我希望能够使用由它包裹的标记来参数化我的Polymer元素。

1 个答案:

答案 0 :(得分:1)

实际上,this.children允许访问它们。

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

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