如何使用for循环替换javascript中的图像源?

问题描述 投票:0回答:1

因此,如何使用for循环替换javascript中的图像源?

这是我的html代码

<img id="id1" src="">
<img id="id2" src="">
<img id="id3" src="">

通常,我们使用此javascript代码更改图像源

document.getElementById(id1).src = "";
document.getElementById(id2).src = "";
document.getElementById(id3).src = "";

但是,我需要这样做。所以有什么办法可以做到?

这是我的JavaScript代码,但是不起作用。

for (i = 1; i <= 3; i++){ 
  let x = "id" + i
  document.getElementById(x).src = "";
}
javascript image
1个回答
0
投票

您可以尝试以下方法:

HTML:

<img class="target-img" src="">
<img class="target-img" src="">
<img class="target-img" src="">

Javascript:

let elements = document.querySelectorAll('.target-img');
element.forEach(e => e.src = "");
© www.soinside.com 2019 - 2024. All rights reserved.