无法获得执行Javascript代码的按钮

Question

我写了一些html / css / javascript代码，这些代码是从javascript教科书中逐字记录下来的。出于某种原因，代码无法在我的浏览器（这是Firefox的最新版本）中正确运行。当我单击按钮时，javascript函数“toggleStyle（）”不会在浏览器中执行。这是按钮的代码：

<button type="button" onclick="toggleStyle()">Toggle Style</button>

这是javascript编码。请注意，当我单击按钮时，甚至不执行alert（）方法：

        function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }

Answer 1

您是否将代码放入<script type="text/javascript">？

<script type="text/javascript">

function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }
}
</script>

上面的代码正在运行：

Answer 2

首先，我没有看到结束}支撑;你有吗？

此外，函数定义在哪里？脚本是否加载？有什么错误吗？