如何显示包含JavaScript变量的图像

我有一个表格，在其中一个单元格中我想显示一个图像

用户使用提示符输入一个数字，我希望他们输入的数字构成图像URL的一部分

如何/在何处显示此代码中的图像URL

<td><script>

    var userID = prompt("Enter the ID of the user you want to search for.");

    var userImage = "https://storage.brick-hill.com/images/avatars/" + userID + ".png";

</script></td>

您已经为表列分配了Id，并编写了一个函数来在相应的行上显示图像

---

希望这有帮助

放置图像有两种选择：

已配置，默认情况下，设置为初始隐藏在HTML中，但在JavaScript建立图像路径并且客户端完全下载图像之前，不要显示该图像。这确保用户不会看到部分图像。 var userID=prompter输入要搜索的用户的ID\对于此测试，输入169； //获取对占位符的引用： var占位符=document.getElementByIdplaceholder； //设置加载事件处理程序，该处理程序将在加载映像后取消隐藏映像 placeholder.addEventListenerload，函数{ this.classList.removehidden； }; //更新将触发加载事件的映像的源 占位符.src=http://i2.cdn.cnn.com/cnnnext/dam/assets/150409124320-20-cnnphotos-hubble-restricted-super- +userID+.jpg； .hidden{显示：无；} img{宽度：200px；}

---

在img标记的src属性中使用.Why not和document.getElementByIdimg.src=userImage；第二个例子有效，但不确定它是否正确。隐藏的类不适用于任何对象，为什么要删除它？@DCR我的错误。它应该被应用。让我调整一下。

<td id="img1></td>

<script>

var userID = prompt("Enter the ID of the user you want to search for.");

var userImage = "https://storage.brick-hill.com/images/avatars/" + userID + ".png";

document.getElementById("img1").innerHTML="<img src='+userImage+'>"

</script>