HTML，JS改变了img src路径

Question

我有两个名为“Status1.png”，“Status0.png”的图像和来自JavaScript“VarId3”的标记，它们以0/1变化。  有可能做出这样的事情：

<img src="Images\Status"VarId3".png"/> //这实际上不起作用

Answer 1

如果我理解你的问题。您想要动态更改图像路径。

基于此，无论您更改名称的逻辑是什么。

您可以先创建图像路径名称，如下所示：

let imagePath = 'Images\Status'+VarId3+'.png"

然后将其传递给img代码

<img  src=imagePath/>

Answer 2

如果放在同一个文件中，您必须在<script>.....</script>标记内指定所有JavaScript变量。所以你不能这样做。虽然您可以从脚本中自由更改任何attribute - value。

Answer 3

这就是你想要的。如果是这样，你在javascript中更新了VarId3和image src

＆＃13;

＆＃13;

var VarId3 = 0;
function updateImage(){
  document.getElementById("myImage").src = "Images\Status" + VarId3 + ".png";
  if(VarId3 == 0) VarId3 = 1;
  else VarId3 = 0;
}

＆＃13;

<img  src="" id="myImage"/>
<button onclick="updateImage()"></button>

＆＃13;

＆＃13;

＆＃13;