<a>タグに画像要素を追加

Question

Javascriptを使用して動的に作成されたリンク要素内に画像を追加したいと思います。私のコードは以下の通りです：

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

リンク（My Link）のテキストの前に画像が表示されます。 HTMLでは、結果のリンクは次のようになります。

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

どうすればいいですか？

Answer 1

あなたは上記のコードに

、afterbeginでターゲットアンカー要素にHTML文字列として供給します先頭に追加image要素を

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

を insertAdjacentHTMLを使用することができます。

Answer 2

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

完璧に動作します。この