Bildelement zu einem <a> Tag hinzufügen

Question

Ich möchte ein Bild innerhalb eines dynamisch erstellten Linkelements mit Javascript hinzufügen. Hier ist mein Code:

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

Ich würde das Bild gerne erscheinen vor dem Text in den Link (My Link). In HTML wäre der resultierende Link:

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

Wie kann ich das tun?

Answer 1

Sie insertAdjacentHTML mit afterbegin verwenden können,

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

Der obige Code wird prepend das image Element als HTML-Zeichenfolge in das Zielankerelement geliefert.

Answer 2

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

verwenden