更改圖標

Question

我用了一紙文件對話框的項目裏面聚合物核心圖標

<paper-dialog backdrop id="sorting" heading="Sort by" transition="core-transition-bottom" > 
       <core-menu selected="0" on-click="{{logTap}}" selectedItem="expand-more" id="mainMenu" > 
        <paper-item data-option="popularity">Popularity<core-icon icon="expand-more"></core-icon> </paper-item> 
        <paper-item data-option="size">Size <core-icon icon="expand-more"></core-icon> </paper-item> 
        <paper-item data-option="price">Price <core-icon icon="expand-more"></core-icon> </paper-item> 
       </core-menu> 
</paper-dialog> 

的Javascript

var menu = document.querySelector('core-menu'); 

    menu.addEventListener('click', function (e) 
    { 
     var d = e.target.getAttribute('data-option'); 
     var dd = e.target.querySelector('core-icon'); 
     if(d){console.log(d);} 
}); 

我在這裏兩個問題

1，當有人點擊核心圖標，目標是那個元素

2，我需要切換圖標之間的「expand-more」和當有人點擊紙項目時，d「無擴展」

Answer 1

好的我正在使用紙張圖標按鈕和...我可以使用javascript更改圖標屬性。我認爲任何具有icon =「」參數的元素都可以被更新，因爲屬性變化將流向其內部的封裝的鐵圖標元素。

document.getElementById('yourID').onclick = function() { 
    this.icon = 'more-horiz'; 
}