JavaScript模态

我是一个JavaScript初学者，我有一个简单的模式，但如果我想有2或3个不同的模式，例如？我打算将其用作画廊预览。以下是我拥有的：

var modal=document.getElementById（'simpleModal'）；
var modalBtn=document.getElementById（'modalBtn'）；
var closeBtn=document.getElementsByClassName（'closeBtn'）[0]；
modalBtn.addEventListener（'click'，openmodel）；
closeBtn.addEventListener（'click'，closeModal）；
window.addEventListener（'click'，outsideClick）；
函数openModal（）{
modal.style.display='block'；
}
函数closeModal（）{
modal.style.display='none'；
}
函数外部单击（e）{
如果（例如，目标==模态）{
modal.style.display='none'；
}
}

点击这里
&时代；
模态头
你好…我是一名模特

我的同僚们都是精英。驱蚊剂是一种新的驱蚊剂，它必须与普通动物共同使用

模态页脚

什么不起作用？你应该保留一个模态的模板，并从模板中为每个模态创建一个新元素，你的关闭处理程序应该针对每个模态modal@zero298一切都是，我只是想知道是否有可能做到这一点，而不重复我自己太多