如何在HTML标签的开头附加图片？

Question

I am using JavaScript.

I have the link below in my HTML page:

Now I want to append the green dollar sign before the start of the text and not below it. I currently have the code below:

var imgElement = document.createElement("img");
imgElement.setAttribute("src",server+"images/dollar-green.png");
anchor.appendChild(imgElement);

Answer 1

您需要使用insertBefore

anchor.insertBefore(imgElement);

Answer 2

Maybe You should try insertBefore() . Change last line of Your code to this:

anchor.insertBefore(imgElement, anchor.childNodes[0]);

and then add CSS code on <img> tag:

img {
    float: left;
}

or

img {
    display: inline-block;
}

or via JavaScript:

imgElement.setAttribute('style','float:left;');

Answer 3

尝试这个：

anchor.insertBefore(imgElement, anchor.childNodes[0])

Answer 4

Easy way of doing this is to use the float style attribute on your image

 var anchor = document.getElementById('theAnchor'); var imgElement = document.createElement('img'); imgElement.setAttribute('src','http://www.easyicon.net/api/resize_png_new.php?id=139&size=32'); imgElement.setAttribute('style','float:left;'); anchor.appendChild(imgElement); 

 <a id="theAnchor" style="font-weight:bold;font-family:Arial;font-size:26px;color:#ff0000;"> Sample Text </a>