Javascript querySelector不适用于IE 9
我正在尝试在我的页面中使用折叠展开左面板功能,该页面有一个左导航面板和一个右导航面板。左侧面板将折叠,但未设置新的容器类。结构如下所示:Javascript querySelector不适用于IE 9,javascript,html,internet-explorer,cross-browser,internet-explorer-9,Javascript,Html,Internet Explorer,Cross Browser,Internet Explorer 9,我正在尝试在我的页面中使用折叠展开左面板功能,该页面有一个左导航面板和一个右导航面板。左侧面板将折叠,但未设置新的容器类。结构如下所示: <div class="contentContainer"> <div class="leftNavPanel"> <div> </div> </div> <div class="openClose" id="openClose"&
<div class="contentContainer">
<div class="leftNavPanel">
<div>
</div>
</div>
<div class="openClose" id="openClose">
<div class="leftPanelClose">
<a class="expandCollapseAnchor" href="javascript:collapseExpand()"><i class="fa fa-angle-double-left" id="expandCollapseIcon"></i></a>
</div>
</div>
<div class="rightNavPanel">
<div>
</div>
</div>
<div class="clearBoth"></div>
</div>
function collapseExpand(){
var left = document.querySelector("div.leftNavPanel");
var oc = document.querySelector("div.openClose");
var rP = document.querySelector("div.rightNavPanel");
var cont = document.querySelector(".contentContainer, .contentContainerNoLeftNavPanel");
var ic = document.getElementById("expandCollapseIcon");
if (left.style.display!="none")
{
left.style.display="none";
oc.style.marginLeft="0px";
rP.style.marginLeft="20px";
cont.classList.add("contentContainerNoLeftNavPanel");
cont.classList.remove("contentContainer");
ic.classList.remove("fa-angle-double-left");
ic.classList.add("fa-angle-double-right");
}
else
{
left.style.display="block";
oc.style.marginLeft="290px";
rP.style.marginLeft="310px";
cont.classList.add("contentContainer");
cont.classList.remove("contentContainerNoLeftNavPanel");
ic.classList.remove("fa-angle-double-right");
ic.classList.add("fa-angle-double-left");
}
}
唯一的问题是querySelector不接受两个类名作为旧浏览器的参数(版本9我想你的问题是
cont.classList
是的,我刚刚发现了这个问题。我使用+=添加类。我如何删除类?看看