通过javascript添加图像链接

Question

有人可以帮我添加一个链接到我通过Javascript添加的图片吗？我知道这应该是简单的，但我不能让它发挥作用。

jsfiddle

<div class="toggle-panel">
Hi there!
</div>

var img = new Image();
var div = document.querySelector('.toggle-panel');
var link = document.createElement('a');
link.setAttribute('href', 'www.google.com'); 

img.onload = function() {
div.appendChild(img);
};

img.src = 'http://findicons.com/files/icons/2603/weezle/256/weezle_sun.png';

link.appendChild(img);

Answer 1

您仍需要将链接添加到div，如下所示：

var img = new Image();
var div = document.querySelector('.toggle-panel');
var link = document.createElement('a');
link.setAttribute('href', 'www.google.com'); 

img.src = 'http://findicons.com/files/icons/2603/weezle/256/weezle_sun.png';

link.appendChild(img);
div.appendChild(link);

无需在图像的onload事件上执行此操作。

Fiddle