如何解决基本脚本问题…动态修改div内容?
| 我想知道动态更改\“ caption \\” div的内容以反映与图库中特定缩略图/链接相对应的信息的最简单方法是什么。 更具体地说,如果您访问此链接(它展示了令人敬畏的Seadragon缩放脚本),那么我想在图像下方添加一个小标题,当用户单击上面的不同链接时,该标题会更改(文本)内容。也许从alt或title属性中提取文本并放入一个空的div中? 就我而言,我将使用缩略图而不是文本链接,因此在单击这些图像时,用户将同时启动\“ switchTo \” Seadragon事件,并在空的div中填充相应的内容。 感谢您的指导。解决方法
如果您有div的ID,最简单的方法是使用
innerHTML
:
document.getElementById(id).innerHTML = \"text\";
这适用于简单情况,例如替换div中的所有文本。如果您想做更复杂的事情,例如在div中包含其他html元素,则此方法不是最佳选择。
如果要向div标签添加html元素,则应避免使用“ 0”。例如,如果您有一个变量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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。