查詢所有相同類型的選擇器 - 聚合物

我有一個應用程序抽屜，我使用抽屜切換後出現的條目標籤進行動畫處理。查詢所有相同類型的選擇器 - 聚合物

但是，我不能讓JS選擇所有包含標籤的元素。

我甚至試圖給他們所有相同的ID，並使用'querySelector'，'querySelectorAll'，'this。$'。和「這個。$$」。

任何人都可以幫忙嗎？

HTML

<paper-icon-item> 
    <iron-icon icon="home" slot="item-icon"></iron-icon> <span id="spantext">Home</span> 
</paper-icon-item> 
<paper-icon-item> 
    <iron-icon icon="done" slot="item-icon"></iron-icon> <span id="">Expert</span> 
</paper-icon-item> 
<paper-icon-item> 
    <iron-icon icon="search" slot="item-icon"></iron-icon> <span id="">Search</span> 
</paper-icon-item> 
<paper-icon-item> 
    <iron-icon icon="supervisor-account" slot="item-icon"></iron-icon> <span id="">Admin</span> 
</paper-icon-item> 
    <div class="flex"></div> <!-- THIS IS THE ONLY WAY THAT I COULD GET THE LAST ENTRY TO BE FLEXED TO THE BOTTOM --> 
<paper-icon-item> 
    <iron-icon icon="settings" slot="item-icon"></iron-icon> <span id="">Settings</span> 
</paper-icon-item>

toggleMenu : function() { 
     var menu = this.$.drawer; 
     var avatar = this.$.avatar; 
     var userData = this.$.userDetails; 
     var spanText = this.$.spantext; /* THIS IS WHERE I AM GETTING STUCK */ 

     menu.classList.toggle('drawerExpand'); 
     avatar.classList.toggle('userAvatarResize'); 
     userData.classList.toggle('userDetailsReveal'); 
     spanText.classList.toggle('revealSpan'); 
     }

來源

2017-07-03 physicsboy

你試過querySelectorAll('paper-icon-item iron-icon ~ span')？

來源

2017-07-03 14:03:50 FXG

這也沒有奏效。雖然這很好，但我找到了另一種方式，這意味着我不必使用此功能。無論如何。 – physicsboy

查詢所有相同類型的選擇器 - 聚合物

回答

相關問題