首页 > 解决方案 > .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%\">";
}

标签: javascripthtml

解决方案


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>";
  }
});

将其包裹在标签内


推荐阅读