如何在JavaScript中使用粗体字体/粗体文本制作文本

Question

我需要更改JavaScript中文本元素的字体粗细：

我的代码不起作用：

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

我做错了什么？

请注意，我不想使用任何库（jQuery et.al.），我正在寻找一个简单的JS解决方案。

Answer 1

您需要使用：

btn.style.fontWeight = 'bold';

因为它是元素本身的属性。

请参阅：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>