一只萌萌小番薯
2023-07-20 14:36:59
我想制作一個按鈕,通過單擊按鈕來更改元素的字體系列。這就是我所做的;<h2 id="idname">My title</h2><button type="button" onclick="document.getElementById('idname').style.font-family = 'Georgia'">Click Me!</button>我應該做什么來完成這個腳本?
3 回答

開滿天機
TA貢獻1786條經驗 獲得超13個贊
如果要使用 javascript 更改元素的 CSS 樣式,則必須使用規則的駝峰命名法語法。改變"font-family"與"fontFamily"
<h2 id="idname">My title</h2>
<button type="button"
onclick="document.getElementById('idname').style.fontFamily = 'Georgia'">
Click Me!</button>

寶慕林4294392
TA貢獻2021條經驗 獲得超8個贊
你的 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>
添加回答
舉報
0/150
提交
取消