Добавить элемент изображения в тег <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'>") 

Приведенный выше код будет перед именемimage элемент поставляется в виде HTML-строки в элемент целевого объекта привязки.

Answer 2

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

Используйте этот