更改字体图标（字体真棒）在IE中不起作用

Question

我在我的html中有一个滑动窗格。我正在使用指向左侧的图标来显示该窗格是可折叠的。只要用户点击图标，我想折叠窗口并更改图标，以便它指向右侧以显示它是可展开的。我的代码在Chrome中工作正常，但在IE中单击后图标不指向右侧。我目前正在使用IE 11.关于如何解决这个问题的任何想法？

<div class="openClose" id="openClose"> 
     <div class="leftPanelClose"> 
      <a href="javascript:collapseExpand()"><i class="fa fa-angle-double-left" id="icon"</i></a> 
     </div> 
    </div> 

function collapseExpand(){ 
    var ic = document.getElementById("icon"); 

    if (left.style.display=="block") 
    { 
    /*collapse pane*/ 
    ic.classList.remove("class", "fa-angle-double-left"); 
    ic.classList.add("class", "fa-angle-double-right"); 
    } 
    else 
    { 
    /*expand pane*/ 
    ic.classList.remove("class", "fa-angle-double-right"); 
    ic.classList.add("class", "fa-angle-double-left"); 
    } 
} 

Answer 1

从图标中添加或删除类时不需要“类”参数。

<div class="openClose" id="openClose"> 
     <div class="leftPanelClose"> 
      <a href="javascript:collapseExpand()"><i class="fa fa-angle-double-left" id="icon"</i></a> 
     </div> 
    </div> 

function collapseExpand(){ 
    var ic = document.getElementById("icon"); 

    if (left.style.display=="block") 
    { 
    /*collapse pane*/ 
    ic.classList.remove("fa-angle-double-left"); 
    ic.classList.add("fa-angle-double-right"); 
    } 
    else 
    { 
    /*expand pane*/ 
    ic.classList.remove("fa-angle-double-right"); 
    ic.classList.add("fa-angle-double-left"); 
    } 
}