將圖像元素添加到<a>標記

Question

我想使用Javascript在動態創建的鏈接元素內添加圖像。這裏是我的代碼：

a.textContent = "My Link"; 
a.setAttribute('href', "#"); 

我想圖像出現在鏈接（我的鏈接）文本之前。在HTML中，得到的鏈接將是：

<a href="#"><img src="foo.gif">My Link</a> 

我該怎麼做？

Answer 1

可以使用insertAdjacentHTML與afterbegin，

a.insertAdjacentHTML("afterbegin", "<img src='foo.gif'>") 

上面的代碼將前置作爲HTML字符串到目標錨元件供給的元件image。

Answer 2

<a href="#" id="testImage"></a> 
$('#testImage').html('<img src="foo.gif">My Link'); 

使用此