如何在html中显示由javascript创建的动态url图像

我正试图通过Javascript生成的动态链接直接在HTML中显示图像

function dynamicUrl() {
var url = "http://xxx.xxx.xxx" + dynamic_variables + ".jpg";
return url;}

在我的大部分研究中，人们通过点击按钮来显示图像 或者我现在能做的就是链接到图片

<a href="javascript:window.location=dynamicUrl();">test</a>

有人知道如何使用动态URL直接显示图像吗？

---

谢谢

动态创建DOM，例如：

函数dynamiccurl（）{
变量url=”https://is1-ssl.mzstatic.com/image/thumb/Purple111/v4/dd/95/7e/dd957e3a-abd3-da8a-2211-726a67108938/source/256x256bb.jpg";
返回url；
}
var img=document.createElement（“img”）；
img.src=dynamiccurl（）；
文件.正文.附件（img）为链接元素添加id

<a id="link" href="">test</a>

var link = document.getElementById("link");

link.onclick = function goToDynamicUrl() {
  var url = "https://image.flaticon.com/teams/new/1-freepik.jpg";
  window.location.href = url;
}

以下是另一种方法：

<div id="dimg">Here add image</div>
<script>
var dimg = document.getElementById('dimg');
function addImg(dv){
  dimg.innerHTML ='<img src="http://xxx.xxx.xxx'+ dv +'.jpg'" >';
}
addImg('imgname');
</script>

在这里添加图像
var dimg=document.getElementById（'dimg'）；
函数addImg（dv）{
dimg.innerHTML=''；
}
addImg（“imgname”）；
@johnsmsai you's welcome=）添加了另一个更改现有
img
url的示例。