应用错误收集

为什么按钮没有变色？（如何更改html元素的类）

时间：2016-07-12 16:48:50

标签： javascript html css

我试图创建一个带有引导程序和东西的网站，我想更改一个元素类。我看到我的代码无法正常工作，所以我做了一个例子，看看我错在哪里。我知道我可以用django轻松解决它，但我想知道为什么我的代码不起作用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
    .blue{
        background-color: blue
    }
    .green{
        background-color: green
    }
    </style>
</head>
<body>
    <button type ="button" id="btn1" class = "blue" onclick="clicked()">hello</button>
    <script>
        function clicked(){
            document.getElementByid("btn1").className = "green"
        }
    </script>
</body>
</html>

单击按钮后，按钮保持蓝色。谢谢你的帮助。

1 个答案:

答案 0 :(得分：0)

代码中存在语法错误（或拼写错误）。您使用document.getElementByid的{{1}}小i，而有效函数的大写I即document.getElementById。

＆＃13;

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
    .blue{
        background-color: blue
    }
    .green{
        background-color: green
    }
    </style>
</head>
<body>
    <button type ="button" id="btn1" class = "blue" onclick="clicked()">hello</button>
    <script>
        function clicked(){
            document.getElementById("btn1").className = "green"
        }
    </script>
</body>
</html>

＆＃13;

＆＃13;

＆＃13;