Javascript 当显示其他图像时，图像将从页面中消失

我有一些选项卡，第三个选项卡中有几个按钮，单击时显示不同的图像。问题是，当单击这些按钮中的任何一个并显示图像时，我的网页上的所有其他图像都会消失。也许这是因为我没有将图像附加到特定的选项卡上？ 我需要在代码中添加/更改什么来修复此问题

//选项卡
功能选择选项卡（选项卡索引）{
document.getElementById（'tab1Content'）.style.display=“无”；
document.getElementById（'tab2Content'）.style.display=“无”；
document.getElementById（'tab3Content'）.style.display=“无”；
document.getElementById（'tab4Content'）.style.display=“无”；
document.getElementById（'tab1'）.classList.remove（“活动”）；
document.getElementById（'tab2'）.classList.remove（“活动”）；
document.getElementById（'tab3'）.classList.remove（“活动”）；
document.getElementById（'tab4'）.classList.remove（“活动”）；
document.getElementById（'tab'+tabIndex+'Content'）.style.display=“block”；
document.getElementById（'tab'+tabIndex）.classList.add（“active”）；
}
//色样
函数showImage（el，id='tab3Content'）{
var images=document.getElementById（'img1'）；
from（images.forEach（i=>i.style.display='none'）；
var img=document.createElement（'img'）；
img.style.marginTop='-50px'
img.setAttribute（“宽度”、“850”）；
img.setAttribute（“高度”、“500”）；
setAttribute（“src”，”）；；
如果（el.getAttribute（'data-id'）=='1'）{
}
else if（el.getAttribute（'data-id'）=='2'）{
setAttribute（“src”，”）；；
}
else if（el.getAttribute（'data-id'）=='3'）{
setAttribute（“src”，”）；；
}
else if（el.getAttribute（'data-id'）=='4'）{
setAttribute（“src”，”）；；
}
document.getElementById（id）.appendChild（img）；
}

.tab{
边界半径：0.5px；
}
.塔巴顿{
颜色：#FFFFFF；
边框：1px实心；
边框颜色：rgb（45,68,117）；
边界半径：0.3em；
颜色：rgb（45,68,117）；
边缘顶部：50px；
背景色：白色；
左边距：70像素；
左侧填充：100px；
右边填充：100px；
填充顶部：14px；
填充底部：14px；
右边距：-75px；
}

表1
表2
表3
表4


表1

表2

只需更改

var images=document.querySelectorAll（'img'）到更具体的选择器。

'img'
以页面上的每个图像标记（
）为目标

可能
var images=document.querySelectorAll（'.img'）
是您想要的（或
”。img位置
？），带有一个指向类的点。
PS。。。您在末尾缺少了两个结束标记。另外，为什么您有时使用
，而不是在另一个选项卡中使用
，并且突然也使用
，谢谢，我现在将其更改为
var images=document.getElementById（'img1'）修复了该问题，但导致了另一个问题。现在，当单击不同的按钮，显示不同的图像时，以前的图像将保留在屏幕上，而不是隐藏，一次只显示一个图像@罗科克布尔扬