Javascript 无法将标题添加到我的弹出窗口（html、js、css）

我正在尝试将标题添加到我的图像弹出窗口中，以便文本在单击图像后显示，但在此之前不会显示

下面是我的当前代码，以及我尝试添加弹出标题的方式。任何帮助或建议都将是令人惊讶的，非常感谢

//获取模式
var modal=document.getElementById（“myModal1”）；
//获取图像并将其插入模式-使用其“alt”文本作为标题
var img=document.getElementById（“myImg1”）；
var modalImg=document.getElementById（“img02”）；
var captionText=document.getElementById（“caption”）；
img.onclick=函数（）{
modal.style.display=“块”；
modalImg.src=this.src；
captionText.innerHTML=this.alt；
}
//获取关闭模态的元素
var span=document.getElementsByClassName（“关闭”）[1]；
//当用户单击（x）时，关闭模式对话框
span.onclick=函数（）{
modal.style.display=“无”；
}

#标题{
保证金：自动；
显示：块；
宽度：80%；
最大宽度：700px；
文本对齐：居中；
颜色：rgb（236,12,12）；
填充：10px0；
高度：150像素；
字体大小：30px；
}

&时代；

您正试图使用此变量img=document.getElementById（“myImg1”）获取图像；但是不是正确的图像ID，请通过编辑您的问题来解决这个问题，模式ID也是如此。除了上面的注释之外，

document.getElementsByClassName（“close”）[1]

将是未定义的，因为您只有一个类为

close

的元素，所以您需要

[0]

而不是

[1]

如果您修正了我们上面所说的，并在

img

中添加一个

alt

，它将起作用