Question

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

<!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>

Answer 1

我认为你的功能有误。

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

Answer 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>

更改背景颜色和文本，逻辑是否存在但脚本不起作用？

2 个答案: