时间戳

首页 > 解决方案 > 在 html 中设置一个变量以用作图像 src

javascript - 在 html 中设置一个变量以用作图像 src

问题描述

我想知道。是否可以在 html 中设置一个变量并将该变量用作 img src。我会定期使用相同的图像，并且不想在每次更改时都在标签中更新它。我是 Javascript 和 HTML 的新手。

我已经尝试过了，但知道它不起作用。但无论如何都试过了。

<body>

<var a1>images/wildlife/dog.jpg</var>

<img src="var a1" id="event-1">

</body>

如果我使用该确切路径作为 src="..."，则图像路径是正确的，因为它会显示图像

可以请一些人指出我实现这一目标的方向。我对php和MySql不太了解。

标签： javascripthtml

解决方案

如评论中所述，HTML 中没有变量。这是您在 javascript 中如何做到这一点的方法。

const a1 = "images/wildlife/dog.jpg";
const image = document.getElementById("event-1");
image.src = a1;
<img src="" id="event-1">

推荐阅读