更改字体图标(字体很棒)在IE中不起作用

时间:2014-08-27 17:58:42

标签: javascript html font-awesome

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

1 个答案:

答案 0 :(得分:0)

不需要&#34; class&#34;在图标中添加或删除类时的参数。

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