Javascript 响应菜单未在IE 11上打开

为什么这个

JS

代码在

IE11

中不起作用？汉堡菜单没有打开。虽然问题是

onclick

，但试图通过

addEventListener

来解决，但仍然无法工作

//

我试着使用巴别塔，它没有改变任何东西，只添加了“严格使用”

//

IE11

不支持

切换

？在这里，第二个参数不仅受支持

//

你能告诉我如何让代码工作吗

document.querySelector（“.animated-icon2”）.onclick=function（e）{
e、 预防默认值（）；
这个.classList.toggle（“打开”）；
document.querySelector（“.sidebar main”）.classList.toggle（“show”）；
};
.sidebar main{
显示：无；
}
.sidebar-main.show{
显示：块；
}
.手机菜单{
位置：绝对位置；
背景色：透明；
边界：无；
大纲：0；
顶部：25px；
右：50%；
显示：块；
z指数：7；
}
/*动画图标*/
.动画-icon2{
宽度：30px；
高度：20px；
位置：相对位置；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.5s轻松输入输出；
-moz转换：.5s易进易出；
-o型过渡：.5s易进易出；
过渡：.5s易进易出；
光标：指针；
}
.动画-icon2跨度{
显示：块；
位置：绝对位置；
高度：3倍；
宽度：100%；
边界半径：9px；
不透明度：1；
左：0；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.25s易入易出；
-moz转换：.25s易入易出；
-o型过渡：.25秒缓进缓出；
转换：.25秒轻松输入输出；
}
.动画-icon2跨度{
背景：#000；
}
.animated-icon2跨度：第n个子项（1）{
顶部：0px；
}
.animated-icon2 span:n个孩子（2），.animated-icon2 span:n个孩子（3）{
顶部：10px；
}
.动画-icon2跨度：第n个孩子（4）{
顶部：20px；
}
.animated-icon2.open跨距：第n个子项（1）{
顶部：11px；
宽度：0%；
左：50%；
}
.animated-icon2.打开跨距：第n个子项（2）{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
变换：旋转（45度）；
}
.animated-icon2.open跨距：第n个子项（3）{
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
-o变换：旋转（-45度）；
变换：旋转（-45度）；
}
.animated-icon2.open跨距：第n个子项（4）{
顶部：11px；
宽度：0%；
左：50%；
}

标题
这可能有效：

将其添加到HTML文件的顶部

<meta http-equiv="X-UA-Compatible" content="IE=edge">



由于某些原因，您的页面可能会被迫进入IE兼容模式，这使得它的行为与旧版本的IE类似。添加元标记会将其强制回到IE11模式。
这可能会起作用：

将其添加到HTML文件的顶部

<meta http-equiv="X-UA-Compatible" content="IE=edge">



由于某些原因，您的页面可能会被迫进入IE兼容模式，这使得它的行为类似于旧版本的IE。添加meta标记会将其强制回到IE11模式。
以下JS代码适用于IE11。
在IE11中，对HTML结构中的button元素执行onclick事件


document.querySelector（“.mobile menu”）.onclick=function（e）{
e、 预防默认值（）；
document.querySelector（“.animated-icon2”）.classList.toggle（“打开”）；
document.querySelector（“.sidebar main”）.classList.toggle（“show”）；
};
.sidebar main{
显示：无；
}
.sidebar-main.show{
显示：块；
}
.手机菜单{
位置：绝对位置；
背景色：透明；
边界：无；
大纲：0；
顶部：25px；
右：50%；
显示：块；
z指数：7；
}
/*动画图标*/
.动画-icon2{
宽度：30px；
高度：20px；
位置：相对位置；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.5s轻松输入输出；
-moz转换：.5s易进易出；
-o型过渡：.5s易进易出；
过渡：.5s易进易出；
光标：指针；
}
.动画-icon2跨度{
显示：块；
位置：绝对位置；
高度：3倍；
宽度：100%；
边界半径：9px；
不透明度：1；
左：0；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.25s易入易出；
-moz转换：.25s易入易出；
-o型过渡：.25秒缓进缓出；
转换：.25秒轻松输入输出；
}
.动画-icon2跨度{
背景：#000；
}
.animated-icon2跨度：第n个子项（1）{
顶部：0px；
}
.animated-icon2 span:n个孩子（2），.animated-icon2 span:n个孩子（3）{
顶部：10px；
}
.动画-icon2跨度：第n个孩子（4）{
顶部：20px；
}
.animated-icon2.open跨距：第n个子项（1）{
顶部：11px；
宽度：0%；
左：50%；
}
.animated-icon2.打开跨距：第n个子项（2）{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
变换：旋转（45度）；
}
.animated-icon2.open跨距：第n个子项（3）{
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
-o变换：旋转（-45度）；
变换：旋转（-45度）；
}
.animated-icon2.open跨距：第n个子项（4）{
顶部：11px；
宽度：0%；
左：50%；
}

标题
以下JS代码适用于IE11。
在IE11中，对HTML结构中的button元素执行onclick事件


document.querySelector（“.mobile menu”）.onclick=function（e）{
e、 预防默认值（）；
document.querySelector（“.animated-icon2”）.classList.toggle（“打开”）；
document.querySelector（“.sidebar main”）.classList.toggle（“show”）；
};
.sidebar main{
显示：无；
}
.sidebar-main.show{
显示：块；
}
.手机菜单{
位置：绝对位置；
背景色：透明；
边界：无；
大纲：0；
顶部：25px；
右：50%；
显示：块；
z指数：7；
}
/*动画图标*/
.动画-icon2{
宽度：30px；
高度：20px；
位置：相对位置；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.5s轻松输入输出；
-moz转换：.5s易进易出；
-o-tr