英文:
How to change same images at multiple places using JS?
问题
我想知道如何使用JS更改多个相同图像的解决方案。
例如：下面有3个图像标签。
我希望一次性将所有的"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');
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论