如何使用JS在多个地方更改相同的图像?

huangapple go评论61阅读模式
英文:

How to change same images at multiple places using JS?

问题

我想知道如何使用JS更改多个相同图像的解决方案。

例如:下面有3个图像标签。

如何使用JS在多个地方更改相同的图像?
如何使用JS在多个地方更改相同的图像?

我希望一次性将所有的"myphoto.png"都更改为"theirphoto.png",而不必每行都更改。

英文:

I want to know the solution that will help me change multiple same images using JS.

For example: There are 3 image tags below.

<img class="photo" src="myphoto.png">
<img class="photo" src="myphoto.png">
<img class="photo" src="myphoto.png">

And I want to change all the "myphoto.png" to "theirphoto.png" at once without change in every line.

答案1

得分: 2

你可以使用 document.querySelectorAll 获取所有元素,然后循环遍历它们以更改每个元素的 src。

document.querySelectorAll('img.photo').forEach(img => img.src = 'theirphoto.png');
英文:

You can get all of the elements with document.querySelectorAll and loop over them to change each src.

document.querySelectorAll('img.photo').forEach(img => img.src = 'theirphoto.png');

huangapple
  • 本文由 发表于 2023年2月10日 04:13:27
  • 转载请务必保留本文链接:https://go.coder-hub.com/75403959.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定