通过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。