【问题标题】:How to make an image object a link with Javascript如何使用 Javascript 使图像对象成为链接
【发布时间】:2014-03-12 07:29:46
【问题描述】:

HTML 等效项:

<a href='#'> <img src='...'....../></a>

寻找类似的东西:

var im = document.createElement("img");
im.ADDLINK;

相关代码:

var close = document.createElement("img");
    close.src="close.png";
    close.width = 50;
    close.height = 50;
    close.border = 1;
    close.className="closeButton";
    close.style.cssFloat="right";

    var link = document.createElement("a");
    link.href = "#";

将关闭图片设为链接:

    link.appendChild(close);

    close.style.right=0+"px";
            //Div img is a div created above this code snippet:
    divimg.appendChild(close);

【问题讨论】:

  • 您将图像插入到链接元素中,但随后仅将图像插入到 div 中。把最后一行改成divimg.appendChild(link);
  • 成功了,谢谢你的帮助,吉尔

标签: javascript html image hyperlink


【解决方案1】:

创建链接:

var link = document.createElement(a);
link.href = "http://...com";

添加图片:

var im = document.createElement("img");
link.appendChild(im);

并将其附加到需要的 DOM 中

【讨论】:

  • 感谢 tymeJV,但仍然对我不起作用。我将在上面添加代码sn-p。
【解决方案2】:

你可以试试这个

<script>
   function imgRedirect(destination){

     location.href = destination;

   }
</script>
<img src="..." onclick="imgRedirect('http://google.com')"/>

【讨论】:

  • 这和问题有什么关系?
  • 感谢cris_dpa的回复,不幸的是这一切都需要通过javascript来完成。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-11-08
  • 1970-01-01
  • 1970-01-01
  • 2022-09-29
  • 1970-01-01
  • 2020-02-25
  • 2023-04-09
相关资源
最近更新 更多