.innerHTML 内的图片链接

Question

对此相当陌生。

我有一个动态区域，具体取决于 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%\">";
}

Answer 1

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

将其包裹在标签内