javascript - 使用javascript更改图标

Question

在我涉足网络开发的过程中，我发现了一个新问题，我需要在点击它时将图标换成另一个。我有一个 javascript 函数的想法，它发送图标的 id 并获取元素，在获取元素后我希望通过 keyboard_arrow_down 更改 keyboard_arrow_up。然而这是未执行的部分，我如何获得值 keyboard_arrow_up？

function change(iconID) {
    var item = document.getElementById(iconID);
    if (item) {}
}

<i id="icon1" onclick="change('icon1')" class="material-icons">keyboard_arrow_up</i>

Answer 1

这是临时解决方案，我不得不通过 fontawesome 图标更改 google design material 的图标。不过，我会继续调查。

function change (iconID){
  if(document.getElementById(iconID).className=="fa fa-chevron-up"){
    document.getElementById(iconID).className = "fa fa-chevron-down";
  }else{
    document.getElementById(iconID).className = "fa fa-chevron-up";
  }
}

<i id="icon1" onclick="change('icon1')" class="fa fa-chevron-up" aria hidden="true">