更改背景颜色和文本，有逻辑但脚本不起作用？答案

【问题标题】：Changing background color and text, logic is there but script not working?更改背景颜色和文本，有逻辑但脚本不起作用？
【发布时间】：2017-02-06 07:51:29
【问题描述】：

我正在为我的一项家庭作业做题。我们应该更改背景颜色和文本，用户可以选择什么颜色以及是否从 Serif 或 Sans-Serif 更改字体。我觉得这是一个简单的脚本，我“感觉”我的逻辑就在那里，但是当我点击其中一种颜色或字体时，它不会改变任何东西。

<!DOCTYPE html>
<html>
    <head>
    <title>12.6</title>
    <script type="text/javascript">

    function changeBGC(color)
    {
        document.bigColor = color;
    }

    function changeFontFamily(fontFam)
    {
        document.getElementById("para").style.fontFamily = fontFam;
    }
    </script>
</head>

<body>
    <a href="#" onClick="changeBGC('blue')">Blue Color</a>
    <a href="#" onClick="javascript:changeBGC('yellow')">Yellow Color</a>
    <a href="#" onClick="javascript:changeBGC('green')">Green Color</a>

    <br>

    <a href="#" onClick="javascript:changeFontFamily('Arial, sans-serif')">SansSerif font!</a>
    <a href="#" onClick="javascript:changeFontFamily(serif')">Serif font!</a>

    <p id='para'> Text</p>

</body>
</html>

【问题讨论】：

还建议将JS中的左大括号放在同一行而不是下一个。 automatic semicolon insertion
你在 changeFontFamily('serif') 处缺少 ' 标志

标签： javascript html css

【解决方案1】：

我认为你的功能有误。

在你的 changeBGC 函数中尝试document.bgColor = color

【讨论】：

天哪！这么小的小错误
每个人都会遇到

【解决方案2】：

你的代码有一些错误，一些缺失/关闭'

我修复了它，现在它应该可以工作了

<!DOCTYPE html>
<html>
<head>
<title>12.6</title>
<script type="text/javascript">

function changeBGC(color)
{
    document.getElementById("body").style.background = color;
}

function changeFontFamily(fontFam)
{
    document.getElementById("para").style.fontFamily = fontFam;
}
</script>
</head>

<body id="body">
<a href="#" onclick="changeBGC('blue')">Blue Color</a>
<a href="#" onclick="changeBGC('yellow')">Yellow Color</a>
<a href="#" onclick="changeBGC('green')">Green Color</a>

<br>

<a href="#" onclick="changeFontFamily('Arial, sans-serif')">
SansSerif font!</a>
<a href="#" onclick="changeFontFamily('serif')">Serif font!</a>

<p id='para'> Text</p>

</body>
</html>

【讨论】：