如何使用 Javascript 和 HTML 将动态内容添加到图像 src url答案

【问题标题】：How to add dynamic content into image src url using Javascript and HTML如何使用 Javascript 和 HTML 将动态内容添加到图像 src url
【发布时间】：2021-05-27 02:20:08
【问题描述】：

<img src="https://website.example/convention?plastic_id=**{add-id-here}**&muppet_id=**{add-id-here}**">

我正在尝试将动态内容（存储在外部数据库中）添加到 {add-id-here} 字段中。请注意，它不完全是图像，而更多的是用于电子邮件报告的跟踪链接。我可以通过用双引号将 {add-id-here} 字段括起来来添加它，但这会破坏链接。

【问题讨论】：

你是用javascript生成html吗？
这能回答你的问题吗？ How to change img src value using span tag

标签： javascript html email

【解决方案1】：

你可以通过java脚本渲染一个动态的url，把url放在反引号(``)里面，把变量放在${}

里面

var addidhere="some random text"
document.getElementById("imageid").src=`https://website.example/convention?plastic_id=${addidhere}&muppet_id=${addidhere}`;

&lt;img src="" id="imageid"&gt;

【讨论】：