将图像元素添加到<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'); 

使用此