如何在不使用 ID 的情况下在 Polymer 中 select 节点？

Question

我想多次使用该内容，但安排不同。简单地将所有内容子节点复制到每个事件中（如此处所示：Polymer Duplicate Element Content）不会成功，而且我不能使用 querySelector 作为 ID，因为每个内容子节点都应该被复制到多个元素。

index.html:

...
<body>
    <my-list>
        <div class="first">This is first.</div>
        <div class="second">This is second.</div>
        <div class="third">This is third.</div>
    </my-list>
</body>

所以我想要我的-list.html 这样的东西，但我不知道如何 select 没有 ID 的元素：

<dom-module id="my-list">
    <template>
        <div>
            <div class="first"></div>
            <div class="second"></div>
            <div class="third"></div>
        </div>
        <div> <!-- same elements, different layout -->
            <div class="second"></div>
            <div class="third"></div>
            <div class="first"></div>
        </div>
    </template>
</dom-module>

<script>
    Polymer({
        is: "my-list",
        domReady: function() {
            // copy each content child node into the divs with the same class
        }
    });
</script>

页面上没有交互，所以我不关心数据绑定。

Answer 1

您可以使用Polymer.dom（节点）。一个例子是

Polymer.dom(this).querySelector('.first');

如何在不使用 ID 的情况下在 Polymer 中 select 节点？

How do I select nodes in Polymer without using ID?

javascript

dom

polymer