Как изменить одни и те же изображения в нескольких местах с помощью JS?

Я хочу знать решение, которое поможет мне изменить несколько одинаковых изображений с помощью JS.

Например: Ниже есть 3 тега изображений.

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

И я хочу сразу изменить все "myphoto.png" на "theirphoto.png" без изменений в каждой строке.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
61
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете получить все элементы с помощью document.querySelectorAll и перебрать их, чтобы изменить каждый src.

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

спасибо, это сработало. Таким же образом я могу изменить альтернативный текст, заменив «=> img.src» на «=> img.alt»?

Frankie 09.02.2023 21:21

@ Фрэнки Да, можешь. Чтобы изменить несколько атрибутов, вам нужно будет обернуть тело функции стрелки {}, например. img => {img.src = 'src'; img.alt = 'alt';}

Unmitigated 09.02.2023 21:21

Другие вопросы по теме