Javascript 单击按钮时如何删除img?

Javascript 单击按钮时如何删除img?,javascript,Javascript,我需要删除一个图像时,用户点击按钮 删除第一个选项卡中的img,但不删除第二个选项卡中的img 功能选项卡(选择器){ const tab=document.querySelector(选择器); const tabNav=tab.queryselectoral('.tabs-nav__项'); const tabContent=tab.queryselectoral('.tab'); 让content=document.getElementsByClassName('.pattern');

我需要删除一个图像时,用户点击按钮

删除第一个选项卡中的img,但不删除第二个选项卡中的img

功能选项卡(选择器){
const tab=document.querySelector(选择器);
const tabNav=tab.queryselectoral('.tabs-nav__项');
const tabContent=tab.queryselectoral('.tab');
让content=document.getElementsByClassName('.pattern');
警报(内容);
tab.addEventListener(“单击”,选择TabNav);
功能选择选项卡导航(事件){
const tabName=event.target.dataset.tabName;
tabNav.forEach(item=>item.classList.remove('is-active');
event.target.classList.add('is-active');
如果(!tabName)返回;
tabContent.forEach(项=>{
content.style.display='none';
item.classList.contains(tabName)?
item.classList.add('is-active'):
item.classList.remove('is-active');
});
}
}
制表符(“#制表符-1”);
制表符(“#制表符-2”)
.wrapper{
保证金:0自动;
宽度:800px;
}
.标签导航{
显示器:flex;
证明内容:之间的空间;
}
.tabs-nav__项目{
边框底部:1px实心透明;
光标:指针;
弹性:1;
填充:20px;
}
.tabs-nav__项目处于活动状态{
边框颜色:#55a32a;
}
.标签{
背景色:#F2F2;
显示:无;
填充:20px;
}
.tab.is-active{display:block;}

Таб 1
Таб 2
Таб 3
Содержание таба 1
Содержание таба 2
Содержание таба 3
Таб 1
Таб 2
Таб 3
Содержание таба 1
Содержание таба 2
Содержание таба 3

我认为问题出在
让content=document.getElementsByClassName('.pattern')

content
现在拥有所有具有class
.pattern
的元素
content
现在是一个数组。 试着用
让content=tab.getElementsByClassName('.pattern')


我认为它会起作用。

我认为问题在于
让content=document.getElementsByClassName('.pattern')

content
现在拥有所有具有class
.pattern
的元素
content
现在是一个数组。 试着用
让content=tab.getElementsByClassName('.pattern')


我认为它会起作用。

一个问题是它应该是document.getElementByClassName('pattern')(不带点)一个问题是它应该是document.getElementByClassName('pattern')(不带点)