在 JS 上更改字体系列：无法设置未定义的属性答案

【问题标题】：Changing font-family on JS : can't set property of undefined在 JS 上更改字体系列：无法设置未定义的属性
【发布时间】：2018-12-28 16:17:03
【问题描述】：

在尝试使用 JS 单击按钮更改字体时，我似乎遇到了问题。这是函数：

    var fontFamily = 'papyrus'
function changeFont(fontFamily){
    document.getElementsByClassName(".forma, .descrip").style.fontFamily 
        };

这是我使用的按钮的 html 行：

<input type="button" value="Mode Psychédélique" 
       onclick="chBackcolor('magenta'), changeColor('blue'), 
       changeHeadingColor('green'), changefont('papyrus')">      `

我收到错误“无法设置未定义的属性”，但我不明白为什么，因为我放了变量。有什么想法吗？

大编辑（抱歉，以前的评论者）

【问题讨论】：

oDomElement.style.fontFamily = papyrus 我在这里看到一个类型
oDomElement 是什么？
哦，是的，对不起@CodeManiac 我明白你的意思。我纠正了它，但仍然没有
其他 3 种方法对你有用吗（那些改变颜色的方法）？如果您将 oDomElement 更改为 ele 并且您的代码仍然不起作用，请相应地编辑您的帖子。为什么你计算 matches 而不使用它？更重要的是，您是否尝试过更改 h2 的字体 - 您成功更改颜色的元素？
实际上改变颜色的那些，我编辑了我的代码让你看看我在哪里，视觉上仍然没有变化。不，我没有尝试更改 h2 的字体，因为我已经更改了 p 的颜色，这就是我的目标！ ^^

标签： javascript button onclick undefined font-family

【解决方案1】：

首先，它似乎在您的代码中

ele.style.fontFamily = papyrus

纸莎草纸没有论据

除非您忘记添加 "" 引号，否则纸莎草没有声明变量

添加字体类型

这包括草书、无衬线等。如果有帮助，请尝试使用此链接：W3Schools fontFamily JS attribute

【讨论】：

你应该避免喜欢反对 w3school，他们曾经有很多错误和不准确之处。虽然他们在多次抱怨后变得更好，但他们仍然有很多缺陷和不完整的信息mdn font-family 是一个更完整的参考。