JavaScript模式getElementsByClassName

然而，我正在构建一个基于的模式，而不是抓取一个“id”，我需要抓取多个具有“类”名称的图像。我使用了经典的for循环方法，然后添加了一个click函数，它会弹出一个空框

问题是，虽然框和背景样式出现，但图像没有显示。在没有for循环的情况下，在目标图像上使用“id”可以正常工作，但在循环中添加“class”则不行。我在JS中缺少了一些东西。任何帮助都将不胜感激

let modal=document.getElementById（“modal”）；
让imgs=document.getElementsByClassName（“图像”）；
让modalImg=document.getElementById（“模态img”）；
for（设i=0；i{
modal.style.display=“块”；
modalImg.src=this.src；
});
}

.images{
边界半径：5px；
光标：指针；
}
.莫代尔{
显示：无；
位置：固定；
z指数：999；
排名：0；
左：0；
宽度：100%；
身高：100%；
溢出：隐藏；
背景色：rgba（0,0,0,0.7）；
}
.模态内容{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
}

一个不绑定它自己的

这个

-您必须使用标准函数表达式将

这个

绑定到正确的上下文（本例中的元素）

let modal=document.getElementById（“modal”）；
让imgs=document.getElementsByClassName（“图像”）；
让modalImg=document.getElementById（“模态img”）；
for（设i=0；i

.images{
边界半径：5px；
光标：指针；
}
.莫代尔{
显示：无；
位置：固定；
z指数：999；
排名：0；
左：0；
宽度：100%；
身高：100%；
溢出：隐藏；
背景色：rgba（0,0,0,0.7）；
}
.模态内容{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
}

一个不绑定它自己的

这个

-您必须使用标准函数表达式将

这个

绑定到正确的上下文（本例中的元素）

let modal=document.getElementById（“modal”）；
让imgs=document.getElementsByClassName（“图像”）；
让modalImg=document.getElementById（“模态img”）；
for（设i=0；i

.images{
边界半径：5px；
光标：指针；
}
.莫代尔{
显示：无；
位置：固定；
z指数：999；
排名：0；
左：0；
宽度：100%；
身高：100%；
溢出：隐藏；
背景色：rgba（0,0,0,0.7）；
}
.模态内容{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
}

我给你写了一个片段。请使用placeholder.com或类似工具在“我为您制作了一个片段”中添加图像。请使用placeholder.com或类似工具在一个巨大的副本中添加图像……@Light这成功了，谢谢！我将不得不阅读更多关于箭头功能Shuge dupe的内容……@Light这成功了，谢谢！我将不得不阅读更多关于箭头函数的内容