Изменение заголовка картинки с помощью клика

Question

У меня есть уменьшенное изображение, которое при нажатии меняет увеличенное изображение на странице.До сих пор я разобрался с Javascript для передачи информации .src, .alt и .title, которая делает изображение и подсказку к изображению измененным.

Под большим изображением есть подпись.Мне было интересно, как изменить заголовок при нажатии на миниатюру.Я предполагаю, что могу изменить его в какую-то переменную Javascript, но я впервые использую JS, поэтому я все еще очень зеленый.

Answer 1

Один из способов - добавить заголовок в контейнер с идентификатором и перезаписать innerHTML этого контейнера.т.е.

<div id="myCaption">People of Walmart</div>

<script type=text/javascript>
document.getElementById('myCaption').innerHTML = 'Whoa!';
</script>

Answer 2

Если у вашей подписи есть идентификатор, вы можете выбрать эту подпись и добавить текст через JS:

document.getElementById('id_of_the_caption').innerHTML = "Text to display";

Используйте этот код JS в вашей функции, которая меняет изображение.