How to put an image inside a button that created in javascript?

Question

I am developing a simple project using bootstrap. I have this code that can create a button inside a dataTable and it is working fine. I try to put an image to it not glyphicons by the code that I provided below as you can see.. But it's not working. But the glyphicon icon in First button is working.

{ data: "ActionMenu", title: "Test", sClass: "alignCenter","mRender": function (data) {
   return '<button type="button" class="btn btn-info btn-md action" id="checkId"><i class="fa fa-dollar fa-fw action"></i></button>'
   + '&nbsp; <button type="button" class="btn btn-danger btn-md action" id="checkId2" src="Images/TestPicture.png"></button>';
}

"But it's not working" what do you mean ? can you see the image if you access to it directly ? does the console say anything ? — gobes
– gobes, Commented Feb 16, 2017 at 8:11
@gobes I don't have any error in console. What I mean in not working the Image that I provided using the code is not displaying. — KiRa
– KiRa, Commented Feb 16, 2017 at 8:12

gobes · Accepted Answer · 2017-02-16 08:14:12Z

1

You can't give a src to a button element. Try to put an <img> element inside the button:

<button type="button" class="btn btn-danger btn-md action" id="checkId2">
    <img src="Images/TestPicture.png"/>
</button>

answered Feb 16, 2017 at 8:14

gobes

5718 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lokesh_K · Accepted Answer · 2017-02-16 08:16:07Z

1

 <button id="imageId type="button"><img src="path/of/image"></button>

Appy css with the help of ID if required

answered Feb 16, 2017 at 8:16

Lokesh_K

5731 gold badge6 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to put an image inside a button that created in javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related