使用onclick更改图片标题

Question

我有一个缩略图，当你点击它时会在页面上更改一个更大的图像。到目前为止，我已经找到了传递.src，.alt和.title信息的Javascript，这些信息会使图片的图片和工具提示发生变化。

大图片下面有一个标题。我想知道如何在点击缩略图时更改标题。我假设我可以将它改成某种Javascript变量，但这是我第一次使用JS，所以我还是很绿。

Answer 1

一种方法是将标题放在带有ID的容器中，并覆盖该容器的innerHTML。即。

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

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

Answer 2

如果您的标题有ID，您可以选择该标题并通过JS添加文本：

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

在您的函数中使用改变图像的JS代码。