How to make font / weight style text in bold in JavaScript

Question

I need to change the font weight for a text element in JavaScript:

My code does not work here:

var btn = document.getElementById('accessibilityButton');
btn.innerHTML = 'Default Text';
btn.innerHTML.style.fontWeight = 'bold';

What am I doing wrong?

Please note that I do not want to use any libraries (jQuery et al.), And I am looking for a simple JS solution.

+5

GibboK 01 Oct '12 at 12:49

3 answers

You must apply your style directly on your button, not on the .innerHTML button:

btn.style.fontWeight = 'bold';

+5

Pierre 01 Oct '12 at 12:52

Hold 'return false' to prevent postback.

<button id="btn" onclick="this.style.fontWeight = 'bold';return false;" >TEXT</button>

0

Cristi roman Jan 6 '15 at 13:07

m90 · Accepted Answer · 2012-10-01T12:52:44+0000

You need to use:

btn.style.fontWeight = 'bold';

since this is a property of the element itself.