javascript - 将图像元素添加到 <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 元素添加到目标 anchor 元素中。