javascript - 使用 javascript 将链接图像添加到 html 正文

标签 javascript html

我正在尝试使用 JavaScript 将链接图像添加到 HTML 正文中。图像已显示,但未打开任何链接(未触发 onclick 事件)。

我不只是添加 href 属性的原因是,因为我想针对不同的场景显示不同的链接图像。

我的 HTML 代码:

<div id="mypic">
    <img src="https://www.dropbox.com/s/5wr9k0zwcxg0315/you%27re_invited.jpg?dl=1"
         align="middle">
</div>

我的 JavaScript 代码:

var lang="en";
var survey = document.createElement('survey');
survey.href="http://www.surveygizmo.com/s3/2654176/case-closed-survey";
var image = document.getElementById('mypic').getElementsByTagName('img')[0];
var b = survey.appendChild(image);
document.getElementById('mypic').appendChild(survey);

最佳答案

您正在此处创建一个神秘元素“调查” -

var survey = document.createElement('survey');

您需要将其设为 anchor -

var survey = document.createElement('a');

关于javascript - 使用 javascript 将链接图像添加到 html 正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38246067/

相关文章:

javascript - jQuery函数的原型(prototype)重写

javascript - 具有相同类的多个输入字段调用相同的函数不起作用

html - 鼠标悬停时 Chrome 中的背景变化

javascript - 如何使用 javascript 在特定网页上显示按钮

javascript - 检查元素是否包含加载和更改时的特定文本

javascript - div 复选框在单击时变暗

javascript - 如何在 Cloud Function 中重试 Cloud Firestore 事务直到状态 == true

RESTful Web 服务的 HTML 接口(interface) *无需* javascript

javascript - Codeigniter:在动态文本框/文本区域上生成 id

javascript - 允许子元素的触摸移动