通过按钮 onclick 或脚本更改字体

Question

我想制作一个按钮，通过单击按钮来更改元素的字体系列。

这就是我所做的；

<h2 id="idname">My title</h2>

<button type="button" 

onclick="document.getElementById('idname').style.font-family = 'Georgia'">

Click Me!</button>

我应该做什么来完成这个脚本？

Answer 1

尝试.style.fontFamily代替.style.font-family

Answer 2

如果要使用 javascript 更改元素的 CSS 样式，则必须使用规则的驼峰命名法语法。改变"font-family"与"fontFamily"<h2 id="idname">My title</h2><button type="button"&nbsp;onclick="document.getElementById('idname').style.fontFamily = 'Georgia'">Click Me!</button>

Answer 3

你的 JavaScript 有一个逻辑错误。-属性名称中包含 a 的 CSS 属性在 javascript 中始终以驼峰式命名法为目标。以供参考：CSS 表示法 ------ JavaScript 表示法font-family->fontFamilyfont-size->fontSizebackground-color->backgroundColor因此你的代码将是：<h2 id="idname">My title</h2><button type="button"&nbsp;onclick="document.getElementById('idname').style.fontFamily = 'Georgia'">Click Me!</button>