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

Question

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

My code here does not work:

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

What am I doing wrong?

Please note that I don't want to use any libraries (jQuery et. al.) and am looking for a plain JS solution.

Answer 1

You need to use:

btn.style.fontWeight = 'bold';

as it's a property of the element itself.

See: http://jsfiddle.net/6ypS8/

Answer 2

您应该直接在按钮上应用您的样式而不是按钮.innerHTML：

btn.style.fontWeight = 'bold';

Answer 3

保持'return false'以防止回发。

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