更改字體圖標（真棒字體）在IE中不起作用

Question

我的html中有一個滑動窗格。 我正在使用向左指向的圖標，以表明該窗格是可折疊的。 用戶單擊圖標后，我要折疊窗口並更改圖標，使其指向右側以顯示它是可擴展的。 我的代碼在chrome中可以正常工作，但是在IE中單擊后，該圖標未指向右側。 我當前正在使用IE11。有關如何解決此問題的任何想法？

    <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

從圖標添加或刪除類時不需要“ class”參數。

    <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");
    }
}