javascript - 如何在 JavaScript 中使字体/粗细样式的文本变为粗体

Question

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

我的代码在这里不起作用：

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

我究竟做错了什么？

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

Answer 1

你需要使用：

btn.style.fontWeight = 'bold';

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

见：http: //jsfiddle.net/6ypS8/

Answer 2

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

btn.style.fontWeight = 'bold';

Answer 3

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

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