javascript - 用 javascript 编写 Html Img id

Question

我想写

<img src="image/#######.jpg" id="#######" style="visibility: hidden;"/>  

在我的 html 页面上，来自文件 php 或 javascript json 文件。####### 可以是任何经常更改的名称。会有 100 多个类似的页面，这就是为什么我需要从外部文件即时执行此操作，而不是重写所有这些页面。然后，该 id 被 javascript 访问，该 javascript 将其与稍后在画布中使用它的 json 文件匹配。

希望我没有让任何人感到困惑。

Answer 1

你可以做类似的事情

var newImage = #########;
var Ids = "####";
document.getElementById(Ids).src="../template/" + newImage + ".jpg";

由于您提到可能有 100 个，因此您必须迭代 json 并构建代码以动态执行。

希望你有一个想法。

更新：

var idAndImageSrc = "#######";
document.getElementById("previousStaticImgId").setAttribute("id", idAndImageSrc)
                                   .src="../template/" + idAndImageSrc + ".jpg";