Javascript 如何读取存储在图像数据src中的URL，并在另一个img控制器onclick的src中设置该URL？

我正在使用ASP.net开发网站。在那里的一个页面中，我正在使用这个代码为图像库生成img控件

  foreach (string url in listImageUrl)
            {
                LiteralControl lit = new LiteralControl();
                lit.Text = String.Format("<img src='/Images/Thumbnail/{0}' data-url='/Images/Full/{0}' id='imgThumbnail' onclick='loadFullImage(this)'/>", url);

                pnlThumbnailImage.Controls.Add(lit);
            }

---

谢谢。

函数

loadFullImage（）

中的

ctrl

参数不是图像元素的id，而是单击自身的HTML DOM元素。因此，您的代码应该如下所示：

function loadFullImage(ctrl)
{
    var url = ctrl.getAttribute('data-url');

    var imgFull = document.getElementById("imgFull");
    imgFull.src = url;

}

---

添加对您细微更改内容的解释会有所帮助。OP认为

ctrl

是元素ID。您的代码暗示

ctrl

（您命名为

object

）实际上是元素本身。指出这个事实会使你的答案更容易、更清楚。你是对的，应该提到它。谢谢你的评论。另外，只有代码的答案经常出现在待审核的页面中。如果审阅者不小心，他们可能没有意识到您的代码与OP发布的代码之间的差异，然后建议将其删除。

function loadFullImage(ctrl)
{
    var image = document.getElementById(ctrl);

    var imgFull = document.getElementById("imgFull");
    imgFull.src = image.getAttribute("data-url");

}

function loadFullImage(ctrl)
{
    var url = ctrl.getAttribute('data-url');

    var imgFull = document.getElementById("imgFull");
    imgFull.src = url;

}