通过按钮 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" 

onclick="document.getElementById('idname').style.fontFamily = 'Georgia'">

Click Me!</button>

Answer 3

你的 JavaScript 有一个逻辑错误。-属性名称中包含 a 的 CSS 属性在 javascript 中始终以驼峰式命名法为目标。

以供参考：

CSS 表示法 ------ JavaScript 表示法

font-family->fontFamily

font-size->fontSize

background-color->backgroundColor

因此你的代码将是：

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

<button type="button" 

onclick="document.getElementById('idname').style.fontFamily = 'Georgia'">

Click Me!</button>