Adding html entity to button text with javascript

Question

I have button with some entity on it:

<button type='button' disabled class='buttonred' id="buttonred">&#10007;</button>

How can i change the button text to other entity?

document.getElementById('buttonred').text = '✔'; 

Above will not work.

Answer 1

You should use innerHTML instead of text, Hope this helps.

document.getElementById('buttonred').innerHTML = '✔';

<button type='button' disabled class='buttonred' id="buttonred">&#10007;</button>

Answer 2

In this case to change from X in the button to a 'Tick' try using innerHTML.

document.getElementById('buttonred').innerHTML = '✔';

fiddle for your reference http://jsfiddle.net/825sgc6x/