Javascript 弹出模型框中未定义的图像src

我正在制作一个带有模型弹出框的图像库，JavaScript代码正在运行，但是库弹出模式框的未定义图像src和内容框中未显示的弹出图像。我犯了什么错误？非常感谢您的帮助，谢谢

<?php echo '<img id="myImg" src="'.esc_url( $info['0'] ).'" onclick="imgPopup();" alt="Snow" style="width:100%;max-width:300px">'; ?>


function imgPopup(){
var modal = document.getElementById('myModal');
var modalImg = document.getElementById("myImg1");
modal.style.display = "block";
modalImg.src = this.src;

var span = document.getElementsByClassName("close")[0];
span.onclick = function() { 
    modal.style.display = "none";
} }

函数imgPopup（）{
var modal=document.getElementById（'myModal'）；
var modalImg=document.getElementById（“myImg1”）；
modal.style.display=“块”；
modalImg.src=this.src；
var span=document.getElementsByClassName（“关闭”）[0]；
span.onclick=function（）{
modal.style.display=“无”；
} }

请试试这个

<?php echo '<img id="myImg" src="'.esc_url( $info['0'] ).'" onclick="imgPopup(this);" alt="Snow" style="width:100%;max-width:300px">'; ?>

function imgPopup(elem){
    var modal = document.getElementById('myModal');
    var modalImg = document.getElementById("myImg1");

    modal.style.display = "block";
    modalImg.src = elem.src;

    var span = document.getElementsByClassName("close")[0];
    span.onclick = function() { 
        modal.style.display = "none";
    } 
}

函数imgPopup（elem）{
var modal=document.getElementById（'myModal'）；
var modalImg=document.getElementById（“myImg1”）；
modal.style.display=“块”；
modalImg.src=elem.src；
var span=document.getElementsByClassName（“关闭”）[0]；
span.onclick=function（）{
modal.style.display=“无”；
} 
}

为什么否决投票请评论请评论我可以改进我的问题我是JavaScript初学者。

你函数中的这个

不是你想象的那样。（只需使用

console.log（这个）

将其记录到浏览器控制台，就可以很容易地向您展示这一点。）我有多个图像，需要以动态方式获取图像src。