在 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了解不多。
幕布斯6054654浏览 459回答 3
3回答
-
慕村9548890
HTML 中没有注释中所述的变量。这是你如何在javascript中做到这一点的。const a1 = "images/wildlife/dog.jpg";const image = document.getElementById("event-1");image.src = a1;<img src="" id="event-1"> -
智慧大石
图像标记的第一个设置 ID然后使用JavaScript并设置图像的src const a1 = 'https://nodejs.org/static/images/logo.svg'; const image = document.getElementById("image"); image.src = a1;<!DOCTYPE html><html><body> <img src="" id="image" height="150px" width ="150px"></body></html> -
慕桂英3389331
这可以通过使用普通 CSS，使用 CSS 变量和 CSS 内容属性来实现。:root { --a1: url('https://i.picsum.photos/id/1008/200/300.jpg');}img { content: var(--a1);}<img width="200" height="300" />
随时随地看视频慕课网APP
相关分类
JavaScript