Question

我想知道动态更改“caption”div内容的最简单方法是什么，以反映与图片库中特定缩略图/链接相对应的信息。

更具体地说，如果你访问this link - 它显示了令人敬畏的Seadragon缩放脚本btw--我想在图像下面有一个小标题，当用户点击时会更改（文本）内容上面的不同链接;也许从alt或title属性中拉出文本并放入空div？

在我的情况下，我将使用缩略图而不是文本链接，因此在单击这些图像时，用户将启动“switchTo”Seadragon事件并用相应的内容填充空div。

感谢此处的任何指导。

Answer 1

如果您拥有div的id，最简单的方法是使用innerHTML：

document.getElementById(id).innerHTML = "text";

这对于更简单的情况很好，例如替换div中的所有文本。如果你想做一些更复杂的事情，比如在div中有其他html元素，这个方法不是最好的选择。

如果要在div标签中添加html元素，则应避免使用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);

基本脚本问题...动态修改div内容？

1 个答案: