javascript - 如何将链接附加到原生 JavaScript 中创建的图像?
问题描述
我遇到了这个链接 http://www.spielzeugz.de/html5/sticky-thing/
并尝试修改图像以便可以单击并重定向到新链接,但我无法使其工作。
我看到图像是这样创建的
N = new Image;
N.src = "src of image";
如何为实际有效的图像创建“a href”?
注意:我试过
var L = document.createElement('a');
L.setAttribute('href',' ');
然后
L.appendChild(N);
没有成功。
请帮忙。
解决方案
您的代码确实有效。
你只是没有将 L 对象附加到任何东西上,所以它不会出现。
var N = new Image;
N.src = "https://i.stack.imgur.com/iQFxo.gif";
var L = document.createElement('a');
L.setAttribute('href', "https://i.stack.imgur.com/iQFxo.gif");
L.appendChild(N);
var container = document.getElementById("container");
container.appendChild(L);
<div id="container"></div>
推荐阅读
- django - 选择更改时重新加载表单
- asp.net - 有没有办法在 ReactJS.Net 项目中使用 React Hooks
- python - Docker-compose 图像构建错误-> [Errno 2] 构建时没有这样的文件或目录
- python - Python 列表(和其他对象)在函数内被索引时发生变化
- json - 邮递员:通过表单数据的嵌套 JSON 的 POST 请求不起作用(而通过原始数据可以)
- reactjs - FormControlProps.isInvalid?: boolean | 不明确的
- java - 支持库 BottomNavigationView 不显示图标
- postgresql - 在 Postgresql-13 中使用 jsonb 字段在表中运行查询时出现内存不足问题
- docker - 解析docker容器内的主机主机名
- jquery - Jquery点击功能似乎只工作一次