因此,如何使用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 = "";
}
您可以尝试以下方法:
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 = "");