Javascript 更改字体图标(字体真棒)在IE中不起作用
我的html中有一个滑动窗格。我正在使用一个指向左边的图标来显示窗格是可折叠的。一旦用户单击图标,我就要折叠窗口并更改图标,使其指向右侧,以显示它是可扩展的。我的代码在chrome中运行良好,但在IE中单击后图标没有指向右侧。我目前正在使用IE 11。有没有办法解决这个问题Javascript 更改字体图标(字体真棒)在IE中不起作用,javascript,html,font-awesome,Javascript,Html,Font Awesome,我的html中有一个滑动窗格。我正在使用一个指向左边的图标来显示窗格是可折叠的。一旦用户单击图标,我就要折叠窗口并更改图标,使其指向右侧,以显示它是可扩展的。我的代码在chrome中运行良好,但在IE中单击后图标没有指向右侧。我目前正在使用IE 11。有没有办法解决这个问题 <div class="openClose" id="openClose"> <div class="leftPanelClose"> <a hr
<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");
}
}
从图标添加或删除类时不需要类参数
<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");
}
}
什么是left.style.display,指的是什么?我想我知道了。在添加和删除类时,我不必添加参数类。左div指的是我试图展开和折叠的左窗格。