通過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事件上執行此操作。

小提琴 。