图片由JS加载，单击以放入div

Question

我有一个非常简单的占位符div：

<div id="holdImage">

</div>

然后有一个部分，我在其中使用搜索栏通过JS调用函数，该JS从数据库中抓取图像并将其加载到容器中。

这有效，并且图像加载如下：

function appendIMages(url, id, name, style) {
        return '<div><div class="md-card md-card-hover">         <div class="gallery_grid_item md-card-content">                                 <a href="https://images.s3.com/' + url + '" target=_blank>                                     <img class ="uk-align-center" src="https://media.siteTest.com/thumbnail/' + url + '" alt=""></a>                               <div class="gallery_grid_image_caption">                                   <span class="gallery_image_title uk-text-truncate">' + name + '</span> <span>' + style + '</span> </div></div></div></div>';
    }

因此，如果我键入图像名称或描述，此搜索将成功启动，并在几秒钟后加载图像。我的问题是这样：

如何做到这样，当我单击其中一张加载的图像时，而不是在页面中打开它（地址栏中的URL），而是将图像放置到我的holdImage div中？