Javascript 更改聚合物芯图标中的图标

我在纸张对话框中的纸张项目内使用聚合物芯图标

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

我这里有两个问题

1，当有人单击核心图标时，目标就是该元素

---

2.当有人点击纸张项目时，我需要在“扩展更多”和“扩展更少”之间切换图标

确定我正在使用纸张图标按钮，然后。。。我可以用javascript更改图标属性。我假设任何具有icon=”“参数的元素都可以更新，因为属性更改将向下流到其内部封装的iron icon元素

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

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