我想知道动态更改"caption"div的内容以反映图片库中特定缩略图/链接对应的信息的最简单方法是什么
更具体地说，如果你访问这个链接——它展示了令人惊叹的seaddragon缩放脚本——我希望在图像下有一个小标题，当用户点击上面不同的链接时改变(文本)内容;也许从Alt或title属性中提取文本并放置在空div中?
在我的例子中，我将使用缩略图而不是文本链接，因此在单击这些图像时，用户将启动"switchTo"seaddragon事件并使用相应的内容填充空div。
如果您有div的id，最简单的方法是使用innerHTML:
document.getElementById(id).innerHTML = "text";
对于简单的情况，比如替换div中的所有文本，这是很好的。如果你想做一些更复杂的事情，比如在div中有其他html元素，这个方法不是最好的选择。
如果你想添加一个html元素到div标签，那么你应该避免innerHTML。例如，如果您有一个变量img，它是一个img标签，那么使用它将其添加到div:
document.getElementById(id).appendChild(img);
如果你想做比这更复杂的事情，你可能应该考虑使用一个像jQuery这样的好框架——对于这样的事情来说，它可能太多了，但如果你打算做其他事情，那么一个框架是值得使用的。
如果你想用jQuery做到这一点，可以使用以下一些函数:
var div = $("#id");// jQuery uses CSS selectors to get elements.
div.append("New content");// Puts the new content at the end.
div.empty();// Gets rid of everything inside the div.
div.append(element);// You can also append elements.
// For example, you can create and append an image to the div:
var img = $("<img>");
img.attr("src", "images/something.png");
div.append(img);