javascript - .innerHTML 内的图片链接
问题描述
对此相当陌生。
我有一个动态区域,具体取决于 URL 中的内容。这部分工作正常,但我如何让图像成为可点击的图像链接?该图像在我下面的代码中显示良好。有人可以告诉我如何添加我希望它在单击时转到的 URL 吗?谢谢
var para = document.createElement("p");
$(document).ready(function() {
if (window.location.href.indexOf("thank") > -1) {
document.getElementById("demo").innerHTML ="<img src=\"https://exampleimage.com/button.PNG\" width=\"100%\" height=\"100%\">";
}
解决方案
var para = document.createElement("p");
$(document).ready(function() {
if (window.location.href.indexOf("thank") > -1) {
document.getElementById("demo").innerHTML ="<a href='https://www.google.com'><img src=\"https://exampleimage.com/button.PNG\" width=\"100%\" height=\"100%\"></a>";
}
});
将其包裹在标签内
推荐阅读
- python - 在Python中删除列表中某些单词的第一个字符
- nestjs - TypeORM 获取 jsonb 数组中 id 的数据
- node.js - discord bot 分片和处理来自数组结果的对象
- python - 句柄对 python patoolib 可执行文件无效
- python - 解决了返回 QuerySet 而不是 ObjectType 的反向引用
- python - 测试时间序列数据中未标记的分钟数
- angular - 将 Ruby On Rails 资产路径与 Webpacker 一起用于 Angular 模板
- cloud-foundry - 如何为在云Foundry的内部域(apps.internal)中运行的应用程序创建用户提供的服务
- javascript - 如何控制可变数量的输入 - React
- javascript - 无法从外部 html 文件获取元素到内容脚本