Javascript 打开要放大的父Div时,再次单击时需要还原

Javascript 打开要放大的父Div时,再次单击时需要还原,javascript,Javascript,当我用一个“小”类打开一个div时,他得到了一个新类——“大”。我想单击“X”图像并删除“大”类,使这个div再次变为“小”。但当我点击“X”时,什么也不会发生,因为“X”也是“小”类,我想 有什么想法吗 constsmall=document.getElementsByClassName('small'); const information=document.getElementsByClassName('information'); const big=document.getEleme

当我用一个“小”类打开一个
div
时,他得到了一个新类——“大”。我想单击“X”图像并删除“大”类,使这个
div
再次变为“小”。但当我点击“X”时,什么也不会发生,因为“X”也是“小”类,我想

有什么想法吗

constsmall=document.getElementsByClassName('small');
const information=document.getElementsByClassName('information');
const big=document.getElementsByClassName('big');
const zamknij=document.getElementsByClassName('zamknij');
for(设i=0;i
*{
填充:0;
保证金:0;
}
html{
宽度:100%;
身高:100%;
}
身体{
字体系列:Arial、Helvetica、无衬线字体;
字体大小:14px;
线高:1.5;
字体大小:400;
颜色:#F9F9F9;
位置:相对位置;
最小高度:100vh;
背景色:#7f8c8d;
}
#容器{
显示器:flex;
柔性包装:包装;
左侧填充:30px;
右侧填充:30px;
}
赞克尼先生{
位置:绝对位置;
右:10px;
顶部:10px;
宽度:20px;
高度:自动;
显示:无;
不透明度:0.5;
过渡:0.4s;
}
赞克尼:悬停{
位置:绝对位置;
右:10px;
顶部:10px;
宽度:20px;
高度:自动;
显示:无;
光标:指针;
不透明度:1;
过渡:0.4s;
转换:比例(1.2);
}
.小{
最大宽度:100px;
最小宽度:100px;
最大高度:100px;
最小高度:100px;
背景:线性梯度(左下角,#3498db 50%,#2980b9 50%);
利润率:20px;
边界半径:10px;
过渡:0.3s;
位置:相对位置;
}
.小:悬停{
最大宽度:100px;
最大高度:100px;
背景:线性梯度(左下角,#3498db 50%,#2980b9 50%);
利润率:20px;
边界半径:10px;
转变:比例(1.07);
盒影:4px4x13px1pRGBA(0,0,0,0.65);
}
.中等{
宽度:300px;
高度:100px;
背景:线性梯度(左下角,#2ecc71 50%,#27ae60 50%);
利润率:20px;
边界半径:10px;
过渡:0.3s;
}
.中等:悬停{
宽度:300px;
高度:100px;
背景:线性梯度(左下角,#2ecc71 50%,#27ae60 50%);
利润率:20px;
边界半径:10px;
转变:比例(1.07);
盒影:4px4x13px1pRGBA(0,0,0,0.65);
}
.大{
最大宽度:1000px;
最大高度:1000px;
背景:线性梯度(左下角,#1abc9c 50%,#16a085 50%);
利润率:20px;
边界半径:10px;
过渡:0.3s;
位置:相对位置;
}
.大:悬停{
最大宽度:1000px;
最大高度:1000px;
背景:线性梯度(左下角,#1abc9c 50%,#16a085 50%);
利润率:20px;
边界半径:10px;
转变:比例(1.07);
盒影:4px4x13px1pRGBA(0,0,0,0.65);
过渡:0.3s;
}
氢{
文本对齐:居中;
保证金:0自动;
字体大小:13px;
}
#lvl{
位置:相对位置;
左:20px;
边缘顶部:10px;
边缘底部:8px;
宽度:60px;
}
h3{
利润率:10px;
字体大小:12px;
可见性:隐藏;
}
维多茨内先生{
能见度:可见;
}
尼维多茨内先生{
可见性:隐藏;
}

罗兹布多瓦
Lorem ipsum dolor,坐在amet Concertetur Adipising Elite的位子上。根据《国际公共部门会计准则》确定的动物负债。在多洛勒姆和阿库萨默斯沃卢帕蒂的临时智力劳动场所?实习。
塞尼
我的同僚们都是精英。在最大限度地防止腐败的情况下,暂时性地取消对公司的选择权。
程序性NAPRAWCZE
Polecane dyski
扎普罗普努吉·克利恩托维
乌斯特尔基
Zwróćuwagę!

@Koxer这是你应该发布问题的方式。让我们看看能多快得到答案。问题并不复杂,你可以使用
classList.toggle(“big”)
而不是“add”,通过单击删除“big”类。你说对了一半!你还需要做什么?(你应该经常测试你的答案!)是的,谢谢DCR。他应该切换其他添加的类,如“widoczne”。或者他可以添加另一个EventListener来关闭“X”按钮,并通过单击删除添加的类别。太棒了!谢谢您的完整回答。@Koxer这是您应该发布问题的方式。让我们看看能多快得到答案。问题并不复杂,你可以使用
classList.toggle(“big”)
而不是“add”,通过单击删除“big”类。你说对了一半!你还需要做什么?(你应该经常测试你的答案!)是的,谢谢DCR。他应该切换其他添加的类,如“widoczne”。或者他可以添加另一个EventListener来关闭“X”按钮,并通过单击删除添加的类别。太棒了!谢谢你完整的回答。