如何在不使用ID的情況下選擇Polymer中的節點？

我想多次使用該內容，但使用不同的安排。簡單地將所有內容子節點複製到每個匹配項中（如此處所示：Polymer Duplicate Element Content）將無法解決問題，並且我無法將ID用於查詢選擇器，因爲每個內容子節點都應該被複制到多個元素中。如何在不使用ID的情況下選擇Polymer中的節點？

的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，但我不知道如何選擇沒有一個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>

頁面上沒有交互，所以我不關心數據綁定。

來源

2015-05-20 Squis

您可以使用Polymer.dom（節點）。一個例子是

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

來源

2015-05-20 12:01:42

謝謝！事實上，querySelectorAll（）似乎是我正在尋找的。 – Squis

如何在不使用ID的情況下選擇Polymer中的節點？

回答

相關問題